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 stepper number field built on React Aria Components, with plan-bounded steppers, commit-time clamping, a live billing status and inline validation. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Number Field

    A stepper number field built on React Aria Components, with plan-bounded steppers, commit-time clamping, a live billing status and inline validation.

    React Ariaformnumber-fieldreact-ariaApache-2.0
  • A single-select list box of notification sounds with a disabled option and typeahead. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria List Box

    A single-select list box of notification sounds with a disabled option and typeahead.

    React Ariaformsinteractivelist-boxApache-2.0
  • A grouped quantity control: an input and step buttons sharing one labelled group. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Group

    A grouped quantity control: an input and step buttons sharing one labelled group.

    React AriaformsgroupinteractiveApache-2.0
  • A sign-up form with native required validation and a server-style error for a taken email. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Form

    A sign-up form with native required validation and a server-style error for a taken email.

    React AriaformformsinteractiveApache-2.0
  • A drop zone for images with a keyboard-accessible file picker fallback. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Drop Zone

    A drop zone for images with a keyboard-accessible file picker fallback.

    React Ariadrop-zoneformsinteractiveApache-2.0
  • A DateRangePicker with start and end segments and a range calendar popover for trip dates. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Date Range Picker

    A DateRangePicker with start and end segments and a range calendar popover for trip dates.

    React Ariadate-range-pickerformsinteractiveApache-2.0
  • A DatePicker with segmented date entry and a calendar popover for picking a start date. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Date Picker

    A DatePicker with segmented date entry and a calendar popover for picking a start date.

    React Ariadate-pickerformsinteractiveApache-2.0
  • A booking date entered segment by segment with DateField, reporting the ISO date locally. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Date Field

    A booking date entered segment by segment with DateField, reporting the ISO date locally.

    React Ariadate-fieldformsinteractiveApache-2.0
  • A filterable timezone combo box with a toggle button and keyboard selection. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Combo Box

    A filterable timezone combo box with a toggle button and keyboard selection.

    React Ariacombo-boxformsinteractiveApache-2.0
  • A hue ColorWheel with a draggable, keyboard-adjustable thumb that tints a local preview. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Color Wheel

    A hue ColorWheel with a draggable, keyboard-adjustable thumb that tints a local preview.

    React Ariacolor-wheelformsinteractiveApache-2.0
  • A theme accent chosen from a ColorSwatchPicker, with arrow-key navigation between swatches. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Color Swatch Picker

    A theme accent chosen from a ColorSwatchPicker, with arrow-key navigation between swatches.

    React Ariacolor-swatch-pickerformsinteractiveApache-2.0
  • A labelled hue slider with a colour thumb and live output for a theme accent. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Color Slider

    A labelled hue slider with a colour thumb and live output for a theme accent.

    React Ariacolor-sliderformsinteractiveApache-2.0
  • A ColorPicker combining a saturation and brightness area, a hue slider and a hex field. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Color Picker

    A ColorPicker combining a saturation and brightness area, a hue slider and a hex field.

    React Ariacolor-pickerformsinteractiveApache-2.0
  • A hex colour field that parses, validates and previews the entered colour. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Color Field

    A hex colour field that parses, validates and previews the entered colour.

    React Ariacolor-fieldformsinteractiveApache-2.0
  • A two-dimensional ColorArea that picks saturation and lightness for a brand colour. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Color Area

    A two-dimensional ColorArea that picks saturation and lightness for a brand colour.

    React Ariacolor-areaformsinteractiveApache-2.0
  • A labelled checkbox group of dietary needs with a description and required validation. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Checkbox Group

    A labelled checkbox group of dietary needs with a description and required validation.

    React Ariacheckbox-groupformsinteractiveApache-2.0
  • Controlled checkbox preference with disabled companion. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Checkbox

    Controlled checkbox preference with disabled companion.

    React Ariacheckboxinteractivereact-ariaApache-2.0
  • A month Calendar with previous and next controls and weekends marked unavailable. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Calendar

    A month Calendar with previous and next controls and weekends marked unavailable.

    React AriacalendarformsinteractiveApache-2.0
  • A controlled Radix Switch settings list with visible labels, descriptions and a disabled option. Radix Primitives, Forms, 0 votes, MIT licence
    forms0

    Radix Switch

    A controlled Radix Switch settings list with visible labels, descriptions and a disabled option.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • A two-thumb Radix Slider budget range with labelled thumbs, value text, keyboard steps and reset. Radix Primitives, Forms, 0 votes, MIT licence
    forms0

    Radix Slider

    A two-thumb Radix Slider budget range with labelled thumbs, value text, keyboard steps and reset.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • A time zone select with grouped options, a check on the chosen item and a disabled option. Radix Primitives, Forms, 0 votes, MIT licence
    forms0

    Radix Select

    A time zone select with grouped options, a check on the chosen item and a disabled option.

    Radix Primitivesaccessiblekeyboardradix-primitivesMIT
  • An accessible Radix Radio Group example with controlled selection, keyboard navigation and disabled-state behavior. Radix Primitives, Forms, 0 votes, MIT licence
    forms0

    Radix Radio Group

    An accessible Radix Radio Group example with controlled selection, keyboard navigation and disabled-state behavior.

    Radix Primitivesaccessiblekeyboardradio-groupMIT
  • A password input with a button that shows or hides the characters, keeping focus in the field. Radix Primitives, Forms, 0 votes, MIT licence
    forms0

    Radix Password Toggle Field

    A password input with a button that shows or hides the characters, keeping focus in the field.

    Radix Primitivesaccessiblekeyboardpassword-toggle-fieldMIT
  • A six-digit sign-in code field that accepts typing or pasting and moves focus between digits. Radix Primitives, Forms, 0 votes, MIT licence
    forms0

    Radix One-Time Password Field

    A six-digit sign-in code field that accepts typing or pasting and moves focus between digits.

    Radix Primitivesaccessiblekeyboardone-time-password-fieldMIT
Previous

Page 3 of 12

Next