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 six-digit verification code field built on input-otp, split into two groups with a separator. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Input OTP

    A six-digit verification code field built on input-otp, split into two groups with a separator.

    shadcn/uicompiled-cssformsinput-otpMIT
  • A URL field with a prefix and copy action, plus a comment box with a character count and send button. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Input Group

    A URL field with a prefix and copy action, plus a comment box with a character count and send button.

    shadcn/uicompiled-cssformsinput-groupMIT
  • Controlled local email validation and focus recovery. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Input

    Controlled local email validation and focus recovery.

    shadcn/uiinputinteractiveshadcn-uiMIT
  • A profile form built on React Hook Form, with field labels, a description and validation messages. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Form

    A profile form built on React Hook Form, with field labels, a description and validation messages.

    shadcn/uicompiled-cssformformsMIT
  • A payment form built from field sets, labels, descriptions, an error and a separator. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Field

    A payment form built from field sets, labels, descriptions, an error and a separator.

    shadcn/uicompiled-cssfieldformsMIT
  • A searchable framework picker built on Base UI Combobox, with filtering and an empty state. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Combobox

    A searchable framework picker built on Base UI Combobox, with filtering and an empty state.

    shadcn/uicomboboxcompiled-cssformsMIT
  • Controlled checkbox preference with disabled companion. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Checkbox

    Controlled checkbox preference with disabled companion.

    shadcn/uicheckboxinteractiveshadcn-uiMIT
  • An inline booking calendar built on React DayPicker, with weekends disabled and the chosen date in a status line. shadcn/ui, Forms, 0 votes, MIT licence
    forms0

    shadcn/ui Calendar

    An inline booking calendar built on React DayPicker, with weekends disabled and the chosen date in a status line.

    shadcn/uicalendarcompiled-cssformsMIT
  • A controlled email field with local validation, linked error feedback and focus recovery. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form.Control

    A controlled email field with local validation, linked error feedback and focus recovery.

    React-Bootstrapemailformreact-bootstrapMIT
  • A controlled email preference built with React-Bootstrap Switch, with accessible labelling and an announced state. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Switch

    A controlled email preference built with React-Bootstrap Switch, with accessible labelling and an announced state.

    React-Bootstrapformpreferencesreact-bootstrapMIT
  • A controlled native plan selector with a disabled option and announced selection. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form.Select

    A controlled native plan selector with a disabled option and announced selection.

    React-Bootstrapformreact-bootstrapselectMIT
  • A workspace address field with prefix and suffix text and an attached availability check. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Input Group

    A workspace address field with prefix and suffix text and an attached availability check.

    React-Bootstrapformsinput-groupinteractiveMIT
  • A username field whose Form.Text help is linked to the input and updates as you type. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form Text

    A username field whose Form.Text help is linked to the input and updates as you type.

    React-Bootstrapform-textformsinteractiveMIT
  • A labelled reading-size range that resizes a live text preview. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form Range

    A labelled reading-size range that resizes a live text preview.

    React-BootstrapformsinteractiverangeMIT
  • A contact form using Bootstrap validation feedback after the first submit. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Form

    A contact form using Bootstrap validation feedback after the first submit.

    React-BootstrapformformsinteractiveMIT
  • A sign-in form whose input and select labels float above the value. React-Bootstrap, Forms, 0 votes, MIT licence
    forms0

    React-Bootstrap Floating Label

    A sign-in form whose input and select labels float above the value.

    React-Bootstrapfloating-labelformsinteractiveMIT
  • 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
Previous

Page 16 of 53

Next