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 6Cards 2Data-display 10Feedback 4Forms 29Loaders 5Modals 4Navigation 8

HeroUI components

  • Controlled automatic horizontal tabs with disabled Settings. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Tabs

    Controlled automatic horizontal tabs with disabled Settings.

    HeroUIherouiinteractivetabsApache-2.0
  • Paged invoice list with previous/next, numbered pages, ellipsis and a range summary. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Pagination

    Paged invoice list with previous/next, numbered pages, ellipsis and a range summary.

    HeroUIherouiinteractivenavigationApache-2.0
  • Help-centre links built from HeroUI Link with icons, recording the last article opened. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Link

    Help-centre links built from HeroUI Link with icons, recording the last article opened.

    HeroUIherouiinteractivelinkApache-2.0
  • A board actions HeroUI Dropdown menu whose items run local commands. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Dropdown

    A board actions HeroUI Dropdown menu whose items run local commands.

    HeroUIdropdownherouiinteractiveApache-2.0
  • An FAQ built from a HeroUI Disclosure Group where one answer opens at a time. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Disclosure Group

    An FAQ built from a HeroUI Disclosure Group where one answer opens at a time.

    HeroUIdisclosure-groupherouiinteractiveApache-2.0
  • Expandable shipping and returns details with animated indicator and keyboard toggling. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Disclosure

    Expandable shipping and returns details with animated indicator and keyboard toggling.

    HeroUIdisclosureherouiinteractiveApache-2.0
  • A settings trail built from HeroUI Breadcrumbs whose ancestors navigate local state. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Breadcrumbs

    A settings trail built from HeroUI Breadcrumbs whose ancestors navigate local state.

    HeroUIbreadcrumbsherouiinteractiveApache-2.0
  • Controlled single-open collapsible billing accordion with disabled section. HeroUI, Navigation, 0 votes, Apache-2.0 licence
    navigation0

    HeroUI Accordion

    Controlled single-open collapsible billing accordion with disabled section.

    HeroUIaccordionherouiinteractiveApache-2.0
  • A plan details HeroUI Popover with a heading, arrow and supporting copy, opened from a button. HeroUI, Modals, 0 votes, Apache-2.0 licence
    modals0

    HeroUI Popover

    A plan details HeroUI Popover with a heading, arrow and supporting copy, opened from a button.

    HeroUIherouiinteractivemodalsApache-2.0
  • Controlled local rename dialog with validation, dismissal and focus return. HeroUI, Modals, 0 votes, Apache-2.0 licence
    modals0

    HeroUI Modal

    Controlled local rename dialog with validation, dismissal and focus return.

    HeroUIherouiinteractivemodalApache-2.0
  • A filters HeroUI Drawer that slides in with a header, filter options and apply or reset actions. HeroUI, Modals, 0 votes, Apache-2.0 licence
    modals0

    HeroUI Drawer

    A filters HeroUI Drawer that slides in with a header, filter options and apply or reset actions.

    HeroUIdrawerherouiinteractiveApache-2.0
  • A destructive confirmation HeroUI Alert Dialog with an icon, explanation and cancel or delete actions. HeroUI, Modals, 0 votes, Apache-2.0 licence
    modals0

    HeroUI Alert Dialog

    A destructive confirmation HeroUI Alert Dialog with an icon, explanation and cancel or delete actions.

    HeroUIalert-dialogherouiinteractiveApache-2.0
  • A sync panel that shows a HeroUI spinner in a chosen size while a local sync runs. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Spinner

    A sync panel that shows a HeroUI spinner in a chosen size while a local sync runs.

    HeroUIherouiinteractiveloadersApache-2.0
  • A profile card that shows HeroUI skeleton placeholders until a local load finishes. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Skeleton

    A profile card that shows HeroUI skeleton placeholders until a local load finishes.

    HeroUIherouiinteractiveloadersApache-2.0
  • A circular onboarding Progress Circle that advances as local steps are completed. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Progress Circle

    A circular onboarding Progress Circle that advances as local steps are completed.

    HeroUIherouiinteractiveloadersApache-2.0
  • An upload Progress Bar with a label and value output that advances locally. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Progress Bar

    An upload Progress Bar with a label and value output that advances locally.

    HeroUIherouiinteractiveloadersApache-2.0
  • A storage Meter with a label, value output and fill that steps from local controls. HeroUI, Loaders, 0 votes, Apache-2.0 licence
    loaders0

    HeroUI Meter

    A storage Meter with a label, value output and fill that steps from local controls.

    HeroUIherouiinteractiveloadersApache-2.0
  • A daily reminder time entered in 12-hour segments with a HeroUI Time Field. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Time Field

    A daily reminder time entered in 12-hour segments with a HeroUI Time Field.

    HeroUIformsherouiinteractiveApache-2.0
  • A required email text field with a label, description and validation error. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Text Field

    A required email text field with a label, description and validation error.

    HeroUIformsherouiinteractiveApache-2.0
  • A feedback HeroUI TextArea inside a text field with a label and character count. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Textarea

    A feedback HeroUI TextArea inside a text field with a label and character count.

    HeroUIformsherouiinteractiveApache-2.0
  • Controlled switch preference with disabled companion. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Switch

    Controlled switch preference with disabled companion.

    HeroUIherouiinteractiveswitchApache-2.0
  • A monthly budget HeroUI Slider with a label, live output and filled track. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Slider

    A monthly budget HeroUI Slider with a label, live output and filled track.

    HeroUIformsherouiinteractiveApache-2.0
  • Controlled plan selection with a disabled option, keyboard navigation and local status. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Select

    Controlled plan selection with a disabled option, keyboard navigation and local status.

    HeroUIherouiinteractiveselectApache-2.0
  • A docs search built from a HeroUI Search Field that filters local results as you type. HeroUI, Forms, 0 votes, Apache-2.0 licence
    forms0

    HeroUI Search Field

    A docs search built from a HeroUI Search Field that filters local results as you type.

    HeroUIformsherouiinteractiveApache-2.0

Page 1 of 3

Next