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

Component Library

Explore our comprehensive collection of DaisyUI components built for Fresh 2.0

  • Home
  • Components

69 Components

Loading preview...
action

Button

Interactive buttons with multiple variants, sizes, and states for user actions, fully compatible with DaisyUI 5 and Tailwind 4

View Details
Loading preview...
action

Dropdown

Dropdown menus for navigation and actions with customizable trigger and content

View Details
Loading preview...
action

LoginButton

Specialized button component for user authentication with built-in login icon

View Details
Loading preview...
action

Modal

Dialog boxes and overlays for displaying content and capturing user input, enhanced with DaisyUI 5 and Tailwind 4 features

View Details
Loading preview...
action

SearchButton

Specialized button component for triggering search functionality with keyboard shortcuts

View Details
Loading preview...
action

SearchModal

Full-featured search modal with keyboard navigation and customizable results display

View Details
Loading preview...
action

Swap

Toggle states

View Details
Loading preview...
action

ThemeController

Interactive theme selection modal with organized light and dark theme categories

View Details
Loading preview...
display

Accordion

Collapsible content

View Details
Loading preview...
display

Avatar

Profile pictures and user representations with various sizes and status indicators

View Details
Loading preview...
display

Badge

Small labels and indicators for status, categories, and notifications

View Details
Loading preview...
display

Card

Content containers with flexible layouts for organizing information, enhanced with DaisyUI 5 and Tailwind 4 features

View Details
Loading preview...
display

Carousel

Image and content slider

View Details
Loading preview...
display

Chat Bubble

Message conversation UI

View Details
Loading preview...
display

Collapse

Expandable content container with customizable triggers and smooth animations

View Details
Loading preview...
display

Countdown

Timer and countdown display

View Details
Loading preview...
display

Diff

Visual comparison component with draggable resizer

View Details
Loading preview...
display

Kbd

Visual representation of keyboard keys and shortcuts for documentation and UI guides

View Details
Loading preview...
Display

Logo

A responsive logo component that automatically adapts to the current theme (light/dark variants)

View Details
Loading preview...
display

Stat

Display statistics and metrics with titles, values, and contextual information for dashboards

View Details
Loading preview...
display

Table

Data table display

View Details
Loading preview...
display

Timeline

Chronological event display

View Details
Loading preview...
Display

UserInfo

Compact user information card with avatar, name, email, and settings dropdown menu

View Details
Loading preview...
feedback

Alert

Contextual feedback messages for informing users about important information

View Details
Loading preview...
feedback

Loading

Loading indicators and spinners for showing async operations and wait states

View Details
Loading preview...
feedback

Progress

Linear progress bars for showing completion status and loading states

View Details
Loading preview...
feedback

Radial Progress

Circular progress indicator

View Details
Loading preview...
feedback

Skeleton

Loading placeholders that mimic content structure while data is being fetched

View Details
Loading preview...
feedback

Toast

Popup notification

View Details
Loading preview...
feedback

Tooltip

Contextual information popups that appear on hover to provide helpful hints and details

View Details
Loading preview...
input

Checkbox

Form checkbox input with customizable styling and states

View Details
Loading preview...
input

ColorInput

Color picker input field with preview swatch for selecting colors

View Details
Loading preview...
input

DateInput

Date picker input with built-in calendar widget and date validation

View Details
Loading preview...
input

DatetimeInput

DateTime input field for selecting both date and time with native browser controls

View Details
Loading preview...
input

EmailInput

Email input field with built-in validation and appropriate mobile keyboard

View Details
Loading preview...
input

File Input

File upload control

View Details
Loading preview...
input

Input

Text input fields for capturing user input with various styles and states, fully compatible with DaisyUI 5 and Tailwind 4 with enhanced features

View Details
Loading preview...
input

NumberInput

Number input field with increment/decrement controls and range validation

View Details
Loading preview...
input

PasswordInput

Secure password input with visibility toggle and validation support

View Details
Loading preview...
input

Radio

Radio buttons for single choice selection from a group of options

View Details
Loading preview...
input

Range

Range slider input for selecting numeric values within a specified range

View Details
Loading preview...
input

Rating

Interactive star rating component for collecting user feedback and displaying ratings

View Details
Loading preview...
input

Select

Dropdown selection component with customizable options and styling

View Details
Loading preview...
input

Textarea

Multi-line text input component for longer text content

View Details
Loading preview...
input

TimeInput

Time input field for selecting time with native browser controls

View Details
Loading preview...
input

Toggle

On/off switches for binary state controls and settings

View Details
Loading preview...
layout

Artboard

Device mockup frame

View Details
Loading preview...
layout

Divider

Visual separators for organizing content into distinct sections with optional text labels

View Details
Loading preview...
layout

Drawer

Slide-out navigation

View Details
Loading preview...
layout

Footer

Page footer section

View Details
Loading preview...
layout

Hero

Large banner section

View Details
Loading preview...
layout

Indicator

Position indicator

View Details
Loading preview...
layout

Join

Group connected elements

View Details
Loading preview...
layout

Mask

Shape masking utility

View Details
Loading preview...
layout

Stack

Layered content stack

View Details
Loading preview...
mockup

Browser

Browser window mockup

View Details
Loading preview...
mockup

Code

Code block mockup

View Details
Loading preview...
mockup

Phone

Mobile device mockup

View Details
Loading preview...
mockup

Window

OS window mockup

View Details
Loading preview...
navigation

Breadcrumbs

Navigation path indicator

View Details
Loading preview...
navigation

Dock

macOS-style dock component for primary navigation with icons, labels, and badges

View Details
Loading preview...
navigation

Link

Styled navigation links with support for external links, custom styles, and interaction handlers

View Details
Loading preview...
navigation

Menu

Vertical navigation menu

View Details
Loading preview...
navigation

Navbar

Top navigation

View Details
Loading preview...
navigation

Pagination

Page navigation controls

View Details
Loading preview...
navigation

Sidebar

Configurable sidebar navigation with sections, quick links, search, and collapsible groups

View Details
Loading preview...
navigation

Steps

Step-by-step progress

View Details
Loading preview...
navigation

Tabs

Tabbed interface for organizing content into separate panels with navigation

View Details
Loading preview...
navigation

UserProfileDropdown

User profile dropdown menu with avatar, user info, and common navigation actions

View Details
Components
UI LibraryBrowse AllGetting Started
Builder
Generate AppTemplatesAPI Reference
Resources
DocumentationDenodaisyUI

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