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 213Backgrounds 80Buttons 10Cards 22Data-display 34Feedback 6Forms 14Loaders 2Navigation 13Text-effects 32

React Bits components

  • 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
  • Toolbar actions with warm tooltips: after the first one opens, neighbours show instantly with shortcuts. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Warm Tooltip

    Toolbar actions with warm tooltips: after the first one opens, neighbours show instantly with shortcuts.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A breathing, shimmering "Thinking…" line for an AI answer that lists its steps and settles into a timed summary. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Thought Line

    A breathing, shimmering "Thinking…" line for an AI answer that lists its steps and settles into a timed summary.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A toast with a burning fuse that confirms an archived file, offers Undo and can be swiped or closed away. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Swipe Toast

    A toast with a burning fuse that confirms an archived file, offers Undo and can be swiped or closed away.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A deploy status mark that spins while pending, draws a tick on success or a cross on error. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Status Mark

    A deploy status mark that spins while pending, draws a tick on success or a cross on error.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An image-generation frame that steps from queued through generating and refining to ready, with a mosaic reveal, a failure state and retry. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Refine Frame

    An image-generation frame that steps from queued through generating and refining to ready, with a mosaic reveal, a failure state and retry.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An agent tool-call chip that fills while running, then flips to done or failed with a retry button. React Bits, Feedback, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    feedback0

    React Bits Call Chip

    An agent tool-call chip that fills while running, then flips to done or failed with a retry button.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A trail of emoji that follows the pointer inside a celebration panel. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Text Cursor

    A trail of emoji that follows the pointer inside a celebration panel.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An inbox whose rows swipe left to reveal Archive and Delete actions, with a full swipe deleting the row. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Swipe Row

    An inbox whose rows swipe left to reveal Archive and Delete actions, with a full swipe deleting the row.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A stack of draft documents you can drag into a shredder slot, or focus and press Delete, to cut them into falling strips, with a reset. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Shredder

    A stack of draft documents you can drag into a shredder slot, or focus and press Delete, to cut them into falling strips, with a reset.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Release cards that pin and stack with smooth scrolling as you scroll the panel. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Scroll Stack

    Release cards that pin and stack with smooth scrolling as you scroll the panel.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A photo-like poster that ripples like water under the pointer or on click, with tints and a hover or click trigger. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Ripple Distortion

    A photo-like poster that ripples like water under the pointer or on click, with tints and a hover or click trigger.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
Previous

Page 3 of 9

Next