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 headline that leaves trailing echoes as the pointer moves near it, in a chosen tint. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Echo Text

    A headline that leaves trailing echoes as the pointer moves near it, in a chosen tint.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A layered 3D headline extruded in depth that tilts toward the pointer, in a chosen depth colour. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Depth Text

    A layered 3D headline extruded in depth that tilts toward the pointer, in a chosen depth colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Decrypted Text reveal with sequential, direction and replay controls, screen-reader text and reduced-motion support. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Decrypted Text

    An attributed Decrypted Text reveal with sequential, direction and replay controls, screen-reader text and reduced-motion support.

    React Bitsanimationdecrypted-textinteractiveMIT + Commons Clause License Condition v1.0
  • A marquee of text flowing along a curved path that can be dragged to change direction. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Curved Loop

    A marquee of text flowing along a curved path that can be dragged to change direction.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Count Up metric pair with replay, speed and reduced-motion final values. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Count Up

    An attributed Count Up metric pair with replay, speed and reduced-motion final values.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A spinning circular badge that reacts on hover by speeding up, slowing down or pausing. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Circular Text

    A spinning circular badge that reacts on hover by speeding up, slowing down or pausing.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A welcome message whose words or letters animate in from a blur, replayable. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Blur Text

    A welcome message whose words or letters animate in from a blur, replayable.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A word rendered in three.js and redrawn as live ASCII characters that ripple and follow the pointer, set in a locally bundled IBM Plex Mono, with a choice of words and a waves toggle. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits ASCII Text

    A word rendered in three.js and redrawn as live ASCII characters that ripple and follow the pointer, set in a locally bundled IBM Plex Mono, with a choice of words and a waves toggle.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed three-step Stepper with the pinned upstream CSS, accessible step buttons, restart and reduced-motion support. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Stepper

    An attributed three-step Stepper with the pinned upstream CSS, accessible step buttons, restart and reduced-motion support.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A site header whose menu button slides in staggered colour layers and a numbered navigation panel with GSAP, with panel side and colour themes. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Staggered Menu

    A site header whose menu button slides in staggered colour layers and a numbered navigation panel with GSAP, with panel side and colour themes.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A rubbery segmented control for switching a dashboard range. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Rubber Segment

    A rubbery segmented control for switching a dashboard range.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A pill navigation bar whose pills fill with a GSAP circle on hover, routed with react-router so the active page is highlighted, with two colour themes. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Pill Nav

    A pill navigation bar whose pills fill with a GSAP circle on hover, routed with react-router so the active page is highlighted, with two colour themes.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A docs sidebar of chapters with tick markers that shift toward the pointer and highlight on click. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Line Sidebar

    A docs sidebar of chapters with tick markers that shift toward the pointer and highlight on click.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A WebGL sphere of project tiles you drag to spin; the tile facing you shows its title and link. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Infinite Menu

    A WebGL sphere of project tiles you drag to spin; the tile facing you shows its title and link.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A dark site navigation whose active pill moves between links with a gooey particle burst. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Gooey Nav

    A dark site navigation whose active pill moves between links with a gooey particle burst.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • App shortcuts rendered as frosted glass icon buttons with coloured backplates. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Glass Icons

    App shortcuts rendered as frosted glass icon buttons with coloured backplates.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A full-width menu whose rows reveal a GSAP marquee of text and artwork from the edge the pointer enters, with light and dark themes. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Flowing Menu

    A full-width menu whose rows reveal a GSAP marquee of text and artwork from the edge the pointer enters, with light and dark themes.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A floating app dock whose icons magnify under the pointer and open apps locally. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Dock

    A floating app dock whose icons magnify under the pointer and open apps locally.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A compact top bar that GSAP expands into three link cards, with a light or dark theme and links that report the section you pick. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Card Nav

    A compact top bar that GSAP expands into three link cards, with a light or dark theme and links that report the section you pick.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A logo bubble and menu toggle that open a set of GSAP-animated pill links over a landing page, in light or dark bubbles. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Bubble Menu

    A logo bubble and menu toggle that open a set of GSAP-animated pill links over a landing page, in light or dark bubbles.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A documentation sidebar whose sections fold open with drawn branch lines and a gliding marker on the active page. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    navigation0

    React Bits Branched Menu

    A documentation sidebar whose sections fold open with drawn branch lines and a gliding marker on the active page.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A liquid fill gauge for a water-intake goal that sloshes when its level changes. React Bits, Loaders, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    loaders0

    React Bits Slosh Gauge

    A liquid fill gauge for a water-intake goal that sloshes when its level changes.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Lattice Loader for a simulated deploy build, with finish, fail, restart, pattern and pause controls and a built-in live status. React Bits, Loaders, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    loaders0

    React Bits Lattice Loader

    An attributed Lattice Loader for a simulated deploy build, with finish, fail, restart, pattern and pause controls and a built-in live status.

    React Bitsinteractiveloaderreact-bitsMIT + Commons Clause License Condition v1.0
  • 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
Previous

Page 2 of 9

Next