Skip to main content
kaino.dev

Components, tools, and news for developers.

Explore

LibraryNews

Community

TwitterYouTubeInstagram

© 2026 Kaino.dev

Privacy PolicyTerms of Service

v0.1.0

kaino.dev
LibraryDiscoverNews
LibraryDiscoverNews
Theme
Library/Components

Components

Ready-to-use components curated and voted on by the community.

KainoKaino ComponentsExternalExternal Libraries

Browse by library

Library directory
All librariesAnimate UIAnt DesignArk UIBase UIChakra UIdaisyUIFlowbite ReactHeadless UIHeroUIMagic UIMantineMaterial UIMotion PrimitivesRadix PrimitivesReact AriaReact BitsReact-Bootstrapshadcn/ui

Categories

All 68Buttons 5Cards 4Data-display 20Feedback 5Forms 15Loaders 4Modals 2Navigation 12Text-effects 1

daisyUI components

  • A profile picture clipped by daisyUI mask shapes chosen locally. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Mask

    A profile picture clipped by daisyUI mask shapes chosen locally.

    daisyUIdaisyuidata-displayinteractiveMIT
  • A playlist built from daisyUI list rows with a play control per track. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI List

    A playlist built from daisyUI list rows with a play control per track.

    daisyUIdaisyuidata-displayinteractiveMIT
  • Keyboard shortcuts rendered as daisyUI kbd keys that switch between Mac and Windows. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Kbd

    Keyboard shortcuts rendered as daisyUI kbd keys that switch between Mac and Windows.

    daisyUIdaisyuidata-displayinteractiveMIT
  • An inbox button with a daisyUI indicator badge that counts unread messages. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Indicator

    An inbox button with a daisyUI indicator badge that counts unread messages.

    daisyUIdaisyuidata-displayindicatorMIT
  • A product photo gallery that switches images as the pointer moves across it. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Hover Gallery

    A product photo gallery that switches images as the pointer moves across it.

    daisyUIdaisyuidata-displayhover-galleryMIT
  • Two sign-in options separated by a labelled daisyUI divider that switches orientation. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Divider

    Two sign-in options separated by a labelled daisyUI divider that switches orientation.

    daisyUIdaisyuidata-displaydividerMIT
  • A before and after image comparison with a draggable daisyUI diff resizer. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Diff

    A before and after image comparison with a draggable daisyUI diff resizer.

    daisyUIdaisyuidata-displaydiffMIT
  • Focus timer with start, pause and reset controls rendered with daisyUI countdown digits. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Countdown

    Focus timer with start, pause and reset controls rendered with daisyUI countdown digits.

    daisyUIcountdowndaisyuiinteractiveMIT
  • A support conversation with start and end chat bubbles, headers, delivery footers and a local reply form. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Chat

    A support conversation with start and end chat bubbles, headers, delivery footers and a local reply form.

    daisyUIchatdaisyuiinteractiveMIT
  • A snap-scrolling daisyUI carousel of product cards with previous and next controls. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Carousel

    A snap-scrolling daisyUI carousel of product cards with previous and next controls.

    daisyUIcarouseldaisyuidata-displayMIT
  • A team avatar group with initials placeholders and online or offline presence rings. daisyUI, Data-display, 0 votes, MIT licence
    data-display0

    daisyUI Avatar

    A team avatar group with initials placeholders and online or offline presence rings.

    daisyUIavatardaisyuidata-displayMIT
  • A membership card that tilts in 3D under the pointer, with a local plan switch. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Hover 3D

    A membership card that tilts in 3D under the pointer, with a local plan switch.

    daisyUIcardsdaisyuihover-3dMIT
  • A product hero banner with a headline, supporting copy and a call to action. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Hero

    A product hero banner with a headline, supporting copy and a call to action.

    daisyUIcardsdaisyuiheroMIT
  • A site footer with grouped link columns laid out by the daisyUI footer component. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Footer

    A site footer with grouped link columns laid out by the daisyUI footer component.

    daisyUIcardsdaisyuifooterMIT
  • Bordered course cards with badges, body copy and shortlist toggle actions using daisyUI card classes. daisyUI, Cards, 0 votes, MIT licence
    cards0

    daisyUI Card

    Bordered course cards with badges, body copy and shortlist toggle actions using daisyUI card classes.

    daisyUIcarddaisyuiinteractiveMIT
  • A light and dark theme switch built from daisyUI theme-controller radios that restyle the card. daisyUI, Buttons, 0 votes, MIT licence
    buttons0

    daisyUI Theme Controller

    A light and dark theme switch built from daisyUI theme-controller radios that restyle the card.

    daisyUIbuttonsdaisyuiinteractiveMIT
  • Icon toggles that swap between on and off states with rotate and flip effects using daisyUI swap classes. daisyUI, Buttons, 0 votes, MIT licence
    buttons0

    daisyUI Swap

    Icon toggles that swap between on and off states with rotate and flip effects using daisyUI swap classes.

    daisyUIdaisyuiinteractiveswapMIT
  • A view switcher of joined daisyUI buttons with a pressed state. daisyUI, Buttons, 0 votes, MIT licence
    buttons0

    daisyUI Join

    A view switcher of joined daisyUI buttons with a pressed state.

    daisyUIbuttonsdaisyuiinteractiveMIT
  • A floating action button that reveals labelled create actions when focused. daisyUI, Buttons, 0 votes, MIT licence
    buttons0

    daisyUI FAB

    A floating action button that reveals labelled create actions when focused.

    daisyUIbuttonsdaisyuifabMIT
  • Local project counter with disabled zero reset. daisyUI, Buttons, 0 votes, MIT licence
    buttons0

    daisyUI Button

    Local project counter with disabled zero reset.

    daisyUIbuttondaisyuiinteractiveMIT
Previous

Page 3 of 3