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 mention that shows a profile card on hover or keyboard focus. shadcn/ui, Cards, 0 votes, MIT licence
    cards0

    shadcn/ui Hover Card

    A mention that shows a profile card on hover or keyboard focus.

    shadcn/uicardscompiled-csshover-cardMIT
  • Attributed project card with locally toggled disclosure details. shadcn/ui, Cards, 0 votes, MIT licence
    cards0

    shadcn/ui Card

    Attributed project card with locally toggled disclosure details.

    shadcn/uicardinteractiveshadcn-uiMIT
  • Two plan cards with header, body and footer; choosing one highlights it. React-Bootstrap, Cards, 0 votes, MIT licence
    cards0

    React-Bootstrap Card

    Two plan cards with header, body and footer; choosing one highlights it.

    React-BootstrapcardcardsinteractiveMIT
  • 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
  • A 3D stack of feature cards that GSAP cycles front to back on a timer, pausing on hover, with elastic or smooth motion. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Card Swap

    A 3D stack of feature cards that GSAP cycles front to back on a timer, pausing on hover, with elastic or smooth motion.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A fan of product shots that bounce into place with a GSAP elastic stagger and spread apart on hover, with a replay. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Bounce Cards

    A fan of product shots that bounce into place with a GSAP elastic stagger and spread apart on hover, with a replay.

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

Page 1 of 4

Next