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 volume slider drawn as bars that rise in a wake around the thumb. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Wake Slider

    A volume slider drawn as bars that rise in a wake around the thumb.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A dictation pill that expands into a live waveform and timer while listening, with slide-to-cancel; this preview uses simulated audio levels. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Voice Pill

    A dictation pill that expands into a live waveform and timer while listening, with slide-to-cancel; this preview uses simulated audio levels.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A squishy toggle switch for focus mode that stretches as it moves. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Squish Switch

    A squishy toggle switch for focus mode that stretches as it moves.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A release checklist of springy checkboxes whose labels strike through and fade as each task is done. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Spring Check

    A release checklist of springy checkboxes whose labels strike through and fade as each task is done.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A design-tool style number field you drag to scrub, for a card corner radius. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Scrub Field

    A design-tool style number field you drag to scrub, for a card corner radius.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An AI prompt bar with sources, slash commands, a model picker, an effort slider and a morphing send button. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Prompt Bar

    An AI prompt bar with sources, slash commands, a model picker, an effort slider and a morphing send button.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A star rating whose icons lift and magnify under the pointer with a peek tooltip naming each score. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Peek Rating

    A star rating whose icons lift and magnify under the pointer with a peek tooltip naming each score.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A curved, draggable picker wheel for choosing a coffee size, with the choice reported locally. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Option Wheel

    A curved, draggable picker wheel for choosing a coffee size, with the choice reported locally.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A jelly-like radio chip group for choosing notification frequency. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Jelly Radio

    A jelly-like radio chip group for choosing notification frequency.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A compact select whose menu pops open and glides a highlight between options, with a tick on the chosen one. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Glide Select

    A compact select whose menu pops open and glides a highlight between options, with a tick on the chosen one.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A volume slider that stretches like elastic when dragged past either end and springs back, with its default Chakra UI volume icons; the preview offers free or stepped movement and two ranges. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Elastic Slider

    A volume slider that stretches like elastic when dragged past either end and springs back, with its default Chakra UI volume icons; the preview offers free or stepped movement and two ranges.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A curved, bending email sign-up field with an inline submit button. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Curved Input

    A curved, bending email sign-up field with an inline submit button.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A rotary dial with a comet trail for setting a thermostat temperature. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Comet Dial

    A rotary dial with a comet trail for setting a thermostat temperature.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A six-digit verification code whose slots fill with springy digits and confirm or shake on the result. React Bits, Forms, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    forms0

    React Bits Code Slots

    A six-digit verification code whose slots fill with springy digits and confirm or shake on the result.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A list of 5,000 contacts rendered efficiently with Virtualizer and a list layout. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Virtualizer

    A list of 5,000 contacts rendered efficiently with Virtualizer and a list layout.

    React Ariaformsinteractivereact-ariaApache-2.0
  • A message composer in React Aria Token Field where mentions and tags sit inline as tokens among the text. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Token Field

    A message composer in React Aria Token Field where mentions and tags sit inline as tokens among the text.

    React Ariaformsinteractivereact-ariaApache-2.0
  • A reminder time entered with TimeField in 12-hour segments, reporting the chosen time locally. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Time Field

    A reminder time entered with TimeField in 12-hour segments, reporting the chosen time locally.

    React Ariaformsinteractivereact-ariaApache-2.0
  • A required project-key text field with a description and native plus custom validation. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Text Field

    A required project-key text field with a description and native plus custom validation.

    React Ariaformsinteractivereact-ariaApache-2.0
  • Controlled switch preference with disabled companion. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Switch

    Controlled switch preference with disabled companion.

    React Ariainteractivereact-ariaswitchApache-2.0
  • A labelled playback speed slider with a formatted output and keyboard steps. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Slider

    A labelled playback speed slider with a formatted output and keyboard steps.

    React Ariaformskeyboardreact-ariaApache-2.0
  • Controlled plan selection with a disabled option, keyboard navigation and local status. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Select

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

    React Ariainteractivereact-ariaselectApache-2.0
  • Filterable team directory with a clearable search field and result count. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Search Field

    Filterable team directory with a clearable search field and result count.

    React Ariainteractivereact-ariasearch-fieldApache-2.0
  • A RangeCalendar for picking trip dates, reporting the start, end and number of nights. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria Range Calendar

    A RangeCalendar for picking trip dates, reporting the start, end and number of nights.

    React Ariaformsinteractiverange-calendarApache-2.0
  • Controlled single-selection plan group with disabled Enterprise. React Aria, Forms, 0 votes, Apache-2.0 licence
    forms0

    React Aria RadioGroup

    Controlled single-selection plan group with disabled Enterprise.

    React Ariainteractiveradioreact-ariaApache-2.0
Previous

Page 2 of 12

Next