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 1254Backgrounds 105Buttons 93Cards 84Data-display 252Feedback 88Forms 280Loaders 38Modals 59Navigation 174Text-effects 81

External components · Browse by source

  • A view switcher of HeroUI buttons joined in a Button Group with a pressed state. HeroUI, Buttons, 0 votes, Apache-2.0 licence
    buttons0

    HeroUI Button Group

    A view switcher of HeroUI buttons joined in a Button Group with a pressed state.

    HeroUIbutton-groupbuttonsherouiApache-2.0
  • An attributed HeroUI Button example with local CSS, accessible controls and announced state. HeroUI, Buttons, 0 votes, Apache-2.0 licence
    buttons0

    HeroUI Button

    An attributed HeroUI Button example with local CSS, accessible controls and announced state.

    HeroUIcompiled-cssherouiinteractiveApache-2.0
  • Save and discard buttons styled from Headless UI hover, active, focus and disabled states. Headless UI, Buttons, 0 votes, MIT licence
    buttons0

    Headless UI Button

    Save and discard buttons styled from Headless UI hover, active, focus and disabled states.

    Headless UIbuttonbuttonsheadless-uiMIT
  • A Flowbite dark theme toggle that switches this preview between light and dark styling. Flowbite React, Buttons, 0 votes, MIT licence
    buttons0

    Flowbite Dark Theme Toggle

    A Flowbite dark theme toggle that switches this preview between light and dark styling.

    Flowbite Reactbuttonsflowbite-dark-theme-toggleflowbite-reactMIT
  • Local project counter with disabled zero-state reset. Flowbite React, Buttons, 0 votes, MIT licence
    buttons0

    Flowbite React Button

    Local project counter with disabled zero-state reset.

    Flowbite Reactbuttonflowbite-reactinteractiveMIT
  • 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
  • A formatting toolbar of labelled icon buttons that toggle bold, italic and underline. Chakra UI, Buttons, 0 votes, MIT licence
    buttons0

    Chakra UI Icon Button

    A formatting toolbar of labelled icon buttons that toggle bold, italic and underline.

    Chakra UIbuttonschakra-uiicon-buttonMIT
  • Attached filter buttons combined with Group, with a detached spacing option. Chakra UI, Buttons, 0 votes, MIT licence
    buttons0

    Chakra UI Group

    Attached filter buttons combined with Group, with a detached spacing option.

    Chakra UIbuttonschakra-uigroupMIT
  • A button that downloads a locally generated CSV report with DownloadTrigger. Chakra UI, Buttons, 0 votes, MIT licence
    buttons0

    Chakra UI Download Trigger

    A button that downloads a locally generated CSV report with DownloadTrigger.

    Chakra UIbuttonschakra-uidownload-triggerMIT
  • Dismissible tips each closed with a labelled Chakra close button. Chakra UI, Buttons, 0 votes, MIT licence
    buttons0

    Chakra UI Close Button

    Dismissible tips each closed with a labelled Chakra close button.

    Chakra UIbuttonschakra-uiclose-buttonMIT
  • Local project counter with disabled zero-state reset. Chakra UI, Buttons, 0 votes, MIT licence
    buttons0

    Chakra UI Button

    Local project counter with disabled zero-state reset.

    Chakra UIbuttonchakra-uiinteractiveMIT
  • A single-choice list, grid or board view switcher with arrow-key focus. Base UI, Buttons, 0 votes, MIT licence
    buttons0

    Base UI Toggle Group

    A single-choice list, grid or board view switcher with arrow-key focus.

    Base UIbase-uibuttonskeyboardMIT
  • Bookmark toggle buttons on an article list with pressed state and a saved count. Base UI, Buttons, 0 votes, MIT licence
    buttons0

    Base UI Toggle

    Bookmark toggle buttons on an article list with pressed state and a saved count.

    Base UIbase-uibuttonsinteractiveMIT
  • Primary and secondary Base UI buttons with a focusable disabled state while saving. Base UI, Buttons, 0 votes, MIT licence
    buttons0

    Base UI Button

    Primary and secondary Base UI buttons with a focusable disabled state while saving.

    Base UIbase-uibuttonbuttonsMIT
  • Single-choice layout switcher and multi-choice text-style toolbar. Ark UI, Buttons, 0 votes, MIT licence
    buttons0

    Ark UI Toggle Group

    Single-choice layout switcher and multi-choice text-style toolbar.

    Ark UIark-uiinteractivetoggle-groupMIT
  • Pin and star toggle buttons with pressed state and indicators. Ark UI, Buttons, 0 votes, MIT licence
    buttons0

    Ark UI Toggle

    Pin and star toggle buttons with pressed state and indicators.

    Ark UIark-uibuttonsinteractiveMIT
  • A help Float Button pinned to the corner of a panel that toggles a local help note. Ant Design, Buttons, 0 votes, MIT licence
    buttons0

    Ant Design Float Button

    A help Float Button pinned to the corner of a panel that toggles a local help note.

    Ant Designant-designbuttonsfloat-buttonMIT
  • Local project counter with disabled zero-state reset. Ant Design, Buttons, 0 votes, MIT licence
    buttons0

    Ant Design Button

    Local project counter with disabled zero-state reset.

    Ant Designant-designbuttoninteractiveMIT
  • A theme button that cycles light, dark and system with an animated icon swap, driven by next-themes. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Theme Toggler Button

    A theme button that cycles light, dark and system with an animated icon swap, driven by next-themes.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
  • A theme toggle that cycles light, dark and system with an animated view transition. Animate UI, Buttons, 0 votes, MIT + Commons Clause License Condition licence
    buttons0

    Animate UI Theme Toggler

    A theme toggle that cycles light, dark and system with an animated view transition.

    Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
Previous

Page 3 of 4

Next