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 draggable cylinder carousel of destination cards that drifts and snaps into focus. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Circular Carousel

    A draggable cylinder carousel of destination cards that drifts and snaps into focus.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A draggable card carousel of product updates with icons, dots and optional looping autoplay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Carousel

    A draggable card carousel of product updates with icons, dots and optional looping autoplay.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A scrollable list of tasks with animated selection, keyboard arrows and edge gradients. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Animated List

    A scrollable list of tasks with animated selection, keyboard arrows and edge gradients.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Feature cards that slide and fade into place with GSAP ScrollTrigger as you scroll a release-notes panel, with vertical or horizontal entry and a replay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Animated Content

    Feature cards that slide and fade into place with GSAP ScrollTrigger as you scroll a release-notes panel, with vertical or horizontal entry and a replay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A row of product panels that expands the one you hover, tap or focus, with a GSAP parallax and a hover or click trigger. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Accordion Gallery

    A row of product panels that expands the one you hover, tap or focus, with a GSAP parallax and a hover or click trigger.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Tilted Card

    An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A concert ticket whose stub can be dragged to tear it off along the perforation. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Tear Ticket

    A concert ticket whose stub can be dragged to tear it off along the perforation.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Sticker Peel

    A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A draggable stack of travel photo cards that can be flung to the back. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Stack

    A draggable stack of travel photo cards that can be flung to the back.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Spotlight Card

    A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A rounded landscape card that grows to fill its panel as you scroll, revealing a caption. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Scroll Expand

    A rounded landscape card that grows to fill its panel as you scroll, revealing a caption.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Reflective Card

    A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls.

    React BitsanimationcardinteractiveMIT + Commons Clause License Condition v1.0
  • A holographic profile card that tilts and shimmers toward the pointer, with local avatar art. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Profile Card

    A holographic profile card that tilts and shimmers toward the pointer, with local avatar art.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Pixel Transition

    A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A before and after panel that swaps content through a dissolving pixel transition. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Pixel Swap

    A before and after panel that swaps content through a dissolving pixel transition.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A card that fills with shimmering pixels on hover or focus, in a chosen colour variant. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Pixel Card

    A card that fills with shimmering pixels on hover or focus, in a chosen colour variant.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A bento grid of feature cards with a GSAP spotlight, border glow, particles and click ripples, with glow colours and an optional tilt. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Magic Bento

    A bento grid of feature cards with a GSAP spotlight, border glow, particles and click ripples, with glow colours and an optional tilt.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A 3D ID card hanging from a physics-driven lanyard: drag the card and it swings on the strap under gravity, with a choice of card artwork and gravity and a button to drop it again. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Lanyard

    A 3D ID card hanging from a physics-driven lanyard: drag the card and it swings on the strap under gravity, with a choice of card artwork and gravity and a button to drop it again.

    React BitsanimationinteractivephysicsMIT + Commons Clause License Condition v1.0
  • A frosted glass panel with refractive distortion floating over a colourful backdrop. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Glass Surface

    A frosted glass panel with refractive distortion floating over a colourful backdrop.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A gift card that sweeps a glare across its surface on hover, with a chosen card finish. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Glare Hover

    A gift card that sweeps a glare across its surface on hover, with a chosen card finish.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A business card that flips with spring physics, tilts toward the pointer and shows a glare. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Flip Card

    A business card that flips with spring physics, tilts toward the pointer and shows a glare.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A card wrapped in a crackling electric border, with adjustable chaos and colour. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Electric Border

    A card wrapped in a crackling electric border, with adjustable chaos and colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A poster card whose image warps through an SVG turbulence filter as the pointer moves, with GSAP-smoothed displacement and two strengths. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Decay Card

    A poster card whose image warps through an SVG turbulence filter as the pointer moves, with GSAP-smoothed displacement and two strengths.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A team grid that stays greyscale until the pointer passes, revealing colour in a GSAP-driven spotlight, with spotlight size and follow speed options. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Chroma Grid

    A team grid that stays greyscale until the pointer passes, revealing colour in a GSAP-driven spotlight, with spotlight size and follow speed options.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
Previous

Page 5 of 9

Next