Skip to main content
aino.dev

Components, tools, and news for developers.

Explore

LibraryNews

Community

TwitterYouTubeInstagram

© 2026 Kaino.dev

Privacy PolicyTerms of Service

v0.1.0

aino.dev
ComponentsMusicSFXDiscoverNews
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 volume control built from a styled native range input with step marks. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Range

    A volume control built from a styled native range input with step marks.

    daisyUIdaisyuiformsinteractiveMIT
  • Controlled one-plan radio group with disabled Enterprise. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Radio group

    Controlled one-plan radio group with disabled Enterprise.

    daisyUIdaisyuiinteractiveradioMIT
  • A six-digit sign-in code entered in a daisyUI OTP field and checked locally. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI OTP

    A six-digit sign-in code entered in a daisyUI OTP field and checked locally.

    daisyUIdaisyuiformsinteractiveMIT
  • An email input with a daisyUI floating label that rises when the field has a value. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Label

    An email input with a daisyUI floating label that rises when the field has a value.

    daisyUIdaisyuiformsinteractiveMIT
  • Local controlled email validation with error focus recovery. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Input

    Local controlled email validation with error focus recovery.

    daisyUIdaisyuiinputinteractiveMIT
  • A framework filter built from daisyUI filter radio buttons with a reset control. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Filter

    A framework filter built from daisyUI filter radio buttons with a reset control.

    daisyUIdaisyuifilterformsMIT
  • A styled native file input for a profile photo that lists the chosen file locally. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI File Input

    A styled native file input for a profile photo that lists the chosen file locally.

    daisyUIdaisyuifile-inputformsMIT
  • A billing address fieldset with a legend, labelled inputs and helper text. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Fieldset

    A billing address fieldset with a legend, labelled inputs and helper text.

    daisyUIdaisyuifieldsetformsMIT
  • Controlled checkbox preference with disabled companion. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Checkbox

    Controlled checkbox preference with disabled companion.

    daisyUIcheckboxdaisyuiinteractiveMIT
  • A booking calendar using daisyUI's calendar styles on react-day-picker, with month navigation and an unavailable weekend rule. daisyUI, Forms, 0 votes, MIT licence
    forms0

    daisyUI Calendar

    A booking calendar using daisyUI's calendar styles on react-day-picker, with month navigation and an unavailable weekend rule.

    daisyUIcalendardaisyuiformsMIT
  • A feedback Textarea that grows with its content and counts the remaining characters. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Textarea

    A feedback Textarea that grows with its content and counts the remaining characters.

    Chakra UIchakra-uiformsinteractiveMIT
  • A recipients field where Tags Input turns typed addresses into removable tags. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Tags Input

    A recipients field where Tags Input turns typed addresses into removable tags.

    Chakra UIchakra-uiformsinteractiveMIT
  • Controlled switch preference with disabled companion. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Switch

    Controlled switch preference with disabled companion.

    Chakra UIchakra-uiinteractiveswitchMIT
  • A labelled monthly budget slider with value text and marks at key amounts. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Slider

    A labelled monthly budget slider with value text and marks at key amounts.

    Chakra UIchakra-uiformskeyboardMIT
  • A framework picker built from Select with a styled trigger, indicator and checked items. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Select

    A framework picker built from Select with a styled trigger, indicator and checked items.

    Chakra UIchakra-uiformsinteractiveMIT
  • A calendar view segmented control with a sliding indicator and keyboard navigation. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Segmented Control

    A calendar view segmented control with a sliding indicator and keyboard navigation.

    Chakra UIchakra-uiformsinteractiveMIT
  • A full Tiptap rich text editor built from the Chakra UI composition: toolbar controls for text style, font, formatting, headings, lists, links, alignment, colour and highlight, with @mention and #tag menus. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Rich Text Editor

    A full Tiptap rich text editor built from the Chakra UI composition: toolbar controls for text style, font, formatting, headings, lists, links, alignment, colour and highlight, with @mention and #tag menus.

    Chakra UIchakra-uiformsinteractiveMIT
  • A half-star capable rating group with a label, hidden input and a live summary. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Rating

    A half-star capable rating group with a label, hidden input and a live summary.

    Chakra UIchakra-uiformskeyboardMIT
  • A delivery speed picker where the decorative Radiomark mirrors visually hidden native radios. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Radiomark

    A delivery speed picker where the decorative Radiomark mirrors visually hidden native radios.

    Chakra UIchakra-uiformsinteractiveMIT
  • Controlled one-plan radio group with disabled Enterprise. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Radio group

    Controlled one-plan radio group with disabled Enterprise.

    Chakra UIchakra-uiinteractiveradioMIT
  • Delivery speed radio cards with labels, descriptions and a disabled option. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Radio Card

    Delivery speed radio cards with labels, descriptions and a disabled option.

    Chakra UIchakra-uiformsinteractiveMIT
  • A six-digit one-time code field with numeric-only entry, paste support, completion check and clear action. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Pin Input

    A six-digit one-time code field with numeric-only entry, paste support, completion check and clear action.

    Chakra UIchakra-uiformkeyboardMIT
  • A new-password field built from the Chakra UI Password Input composition, with a visibility toggle and a four-step strength meter. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Password Input

    A new-password field built from the Chakra UI Password Input composition, with a visibility toggle and a four-step strength meter.

    Chakra UIchakra-uiformsinteractiveMIT
  • A labelled ticket quantity with stepper triggers, limits and a live total. Chakra UI, Forms, 0 votes, MIT licence
    forms0

    Chakra UI Number Input

    A labelled ticket quantity with stepper triggers, limits and a live total.

    Chakra UIchakra-uiformsinteractiveMIT
Previous

Page 23 of 53

Next