Suppers Software Logo
HomeUI Components
ButtonDropdownLoginButtonModalSearchButtonSearchModalSwapThemeController
AccordionAvatarBadgeCardCarouselChat BubbleCollapseCountdownDiffKbdLogoStatTableTimelineUserInfo
BreadcrumbsDockLinkMenuNavbarPaginationSidebarStepsTabsUserProfileDropdown
CheckboxColorInputDateInputDatetimeInputEmailInputFile InputInputNumberInputPasswordInputRadioRangeRatingSelectTextareaTimeInputToggle
ArtboardDividerDrawerFooterHeroIndicatorJoinMaskStack
AlertLoadingProgressRadial ProgressSkeletonToastTooltip
BrowserCodePhoneWindow

Diff

Visual comparison component with draggable resizer

  • Home
  • Components

Basic Diff

Simple before and after comparison

BEFORE
AFTER
Show Code

Custom Content

Diff with custom text content

Old
Original Version
New
Updated Version
Show Code

Custom Styling

Diff with custom background colors

Error State
Success State
Show Code

Code Comparison

Compare code snippets

Before
console.log('Hello');
After
console.log('Hello World!');
Show Code
Components
UI LibraryBrowse AllGetting Started
Builder
Generate AppTemplatesAPI Reference
Resources
DocumentationDenodaisyUI

© 2025 Suppers Software Limited. Built with Deno, Fresh, Preact & DaisyUI.