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 55Buttons 4Cards 1Data-display 6Feedback 2Forms 28Loaders 1Modals 3Navigation 10

React Aria components

  • 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
  • Icon buttons with tooltips and arrows, shown on hover or keyboard focus. React Aria, Feedback, 0 votes, Apache-2.0 licence
    feedback0

    React Aria Tooltip

    Icon buttons with tooltips and arrows, shown on hover or keyboard focus.

    React Ariafeedbackkeyboardreact-ariaApache-2.0
  • Toasts queued through a React Aria ToastQueue with titles, descriptions and close buttons. React Aria, Feedback, 0 votes, Apache-2.0 licence
    feedback0

    React Aria Toast

    Toasts queued through a React Aria ToastQueue with titles, descriptions and close buttons.

    React Ariafeedbackinteractivereact-ariaApache-2.0
  • Removable topic tags with keyboard selection and a restore control. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Tag Group

    Removable topic tags with keyboard selection and a restore control.

    React Ariainteractivereact-ariatag-groupApache-2.0
  • A sortable invoices table with row headers and keyboard cell navigation. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Table

    A sortable invoices table with row headers and keyboard cell navigation.

    React Ariadata-displayinteractivereact-ariaApache-2.0
  • Account menu groups divided by horizontal and vertical React Aria separators. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Separator

    Account menu groups divided by horizontal and vertical React Aria separators.

    React Ariadata-displayinteractivereact-ariaApache-2.0
  • A storage meter with a label, formatted value text and a warning colour near the limit. React Aria, Data-display, 0 votes, Apache-2.0 licence
    data-display0

    React Aria Meter

    A storage meter with a label, formatted value text and a warning colour near the limit.

    React Ariadata-displayinteractivemeterApache-2.0
Previous

Page 2 of 3

Next