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 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
  • A poster rendered as three.js paper that crumples while held and can be dragged, with release behaviours and a reset. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Paper Crumple

    A poster rendered as three.js paper that crumples while held and can be dragged, with release behaviours and a reset.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Team avatars travelling along an elliptical orbit around a centre label. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Orbit Images

    Team avatars travelling along an elliptical orbit around a centre label.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An image slider whose slides morph into each other through an ogl WebGL shader timed by GSAP, with four transition styles and autoplay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Morph Slider

    An image slider whose slides morph into each other through an ogl WebGL shader timed by GSAP, with four transition styles and autoplay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A React Three Fiber model viewer showing a local faceted gem that you can drag to rotate and scroll to zoom, with studio lighting and auto-rotate. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Model Viewer

    A React Three Fiber model viewer showing a local faceted gem that you can drag to rotate and scroll to zoom, with studio lighting and auto-rotate.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A masonry gallery of report covers laid out and animated in with GSAP, with entrance directions and hover blur-to-focus. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Masonry

    A masonry gallery of report covers laid out and animated in with GSAP, with entrance directions and hover blur-to-focus.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • An infinite strip of customer wordmarks that pauses and scales up on hover. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Logo Loop

    An infinite strip of customer wordmarks that pauses and scales up on hover.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Destination cards orbiting up an endless 3D spiral that pauses on hover. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Infinite Spiral

    Destination cards orbiting up an endless 3D spiral that pauses on hover.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A trail of product shots that follows the pointer across a dark panel with GSAP, with three of the upstream trail variants. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Image Trail

    A trail of product shots that follows the pointer across a dark panel with GSAP, with three of the upstream trail variants.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A halftone-printed image that reveals the original under the pointer, with mono, duotone and colour modes. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Halftone Reveal

    A halftone-printed image that reveals the original under the pointer, with mono, duotone and colour modes.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A launch poster drawn on a three.js grid that bends and ripples under the pointer, with grid density and distortion strength options. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Grid Distortion

    A launch poster drawn on a three.js grid that bends and ripples under the pointer, with grid density and distortion strength options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A scrolling article panel whose bottom edge fades out under a layered gradual blur. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Gradual Blur

    A scrolling article panel whose bottom edge fades out under a layered gradual blur.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A folder of review notes that pops open when clicked, its notes floating out with gentle physics. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Folder Float

    A folder of review notes that pops open when clicked, its notes floating out with gentle physics.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A playful folder that opens to fan out its papers on click, in a chosen colour. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Folder

    A playful folder that opens to fan out its papers on click, in a chosen colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A column of WebGL posters that fly and bend as you scroll over them, using local project artwork. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Flying Posters

    A column of WebGL posters that fly and bend as you scroll over them, using local project artwork.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A WebGL scene of scrolling artwork and a headline seen through a glass lens, bar or cube that follows the pointer and bends the light, with a choice of three glass shapes. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Fluid Glass

    A WebGL scene of scrolling artwork and a headline seen through a glass lens, bar or cube that follows the pointer and bends the light, with a choice of three glass shapes.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A WebGL carousel that bends cards through a liquid lens as you drag, with bend presets, captions and autoplay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Flex Carousel

    A WebGL carousel that bends cards through a liquid lens as you drag, with bend presets, captions and autoplay.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Release-note cards that fade in, optionally from a blur, with GSAP ScrollTrigger as you scroll a panel, with a blur option and a replay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Fade Content

    Release-note cards that fade in, optionally from a blur, with GSAP ScrollTrigger as you scroll a panel, with a blur option and a replay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A springy WebGL mesh card that stretches toward the pointer, shown as a gradient card or with local artwork. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Elastic Mesh

    A springy WebGL mesh card that stretches toward the pointer, shown as a gradient card or with local artwork.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A draggable dome of project tiles; click a tile to enlarge it. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Dome Gallery

    A draggable dome of project tiles; click a tile to enlarge it.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A cheeky "unsubscribe" button that dodges the pointer around its field until it gives up. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Dodge Field

    A cheeky "unsubscribe" button that dodges the pointer around its field until it gives up.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A dithered print of a project image that reveals the original under the pointer, with dithering pattern and palette options. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Dither Veil

    A dithered print of a project image that reveals the original under the pointer, with dithering pattern and palette options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A stacked 3D carousel of report covers that GSAP tilts and slides in depth, with tilt direction and autoplay options. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Depth Carousel

    A stacked 3D carousel of report covers that GSAP tilts and slides in depth, with tilt direction and autoplay options.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A rolling odometer counter of signed-up users that animates digit by digit. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    data-display0

    React Bits Counter

    A rolling odometer counter of signed-up users that animates digit by digit.

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

Page 2 of 11

Next