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 perspective grid swept by a glowing scan line, rendered with three.js and postprocessing behind a security headline, with scan colours and directions. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Grid Scan

    A perspective grid swept by a glowing scan line, rendered with three.js and postprocessing behind a security headline, with scan colours and directions.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A tilted grid of model and benchmark names whose rows drift against each other as the pointer moves, with glow colours and two label sets. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Grid Motion

    A tilted grid of model and benchmark names whose rows drift against each other as the pointer moves, with glow colours and two label sets.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A grainy, slowly warping three-colour gradient behind a newsletter headline, with colour themes and a grain amount. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Grainient

    A grainy, slowly warping three-colour gradient behind a newsletter headline, with colour themes and a grain amount.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing wave horizon with pointer parallax behind a launch headline, with three palettes and calm or rough water. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Gradient Waves

    A glowing wave horizon with pointer parallax behind a launch headline, with three palettes and calm or rough water.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Vertical gradient blinds with a pointer spotlight behind a pricing headline, with blind counts and colour sets. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Gradient Blinds

    Vertical gradient blinds with a pointer spotlight behind a pricing headline, with blind counts and colour sets.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing WebGL trail that follows the pointer inside a dark promo panel, with colour pairs and a short or long trail. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Glow Cursor

    A glowing WebGL trail that follows the pointer inside a dark promo panel, with colour pairs and a short or long trail.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Glowing fibre strands drifting behind a research headline, with three glow colours and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Ghost Fibers

    Glowing fibre strands drifting behind a research headline, with three glow colours and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing three.js ghost trail with bloom and grain that follows the pointer inside a dark panel, with colours and a short or long trail. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Ghost Cursor

    A glowing three.js ghost trail with bloom and grain that follows the pointer inside a dark panel, with colours and a short or long trail.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A twinkling WebGL starfield that drifts and parts around the pointer, behind a launch headline, with hue and speed options. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Galaxy

    A twinkling WebGL starfield that drifts and parts around the pointer, behind a launch headline, with hue and speed options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Layers of glowing three.js wave lines that drift and bend around the pointer behind a product headline, with gradients and a choice of wave layers. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Floating Lines

    Layers of glowing three.js wave lines that drift and bend around the pointer behind a product headline, with gradients and a choice of wave layers.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A liquid-metal ferrofluid that flows and bulges toward the pointer, with colour finishes, flow direction and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Ferrofluid

    A liquid-metal ferrofluid that flows and bulges toward the pointer, with colour finishes, flow direction and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glitching green-screen terminal grid behind a status headline, with tint colours and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Faulty Terminal

    A glitching green-screen terminal grid behind a status headline, with tint colours and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A fiery WebGL eye whose pupil follows the pointer, with eye colours and pupil sizes, behind a watchlist message. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Evil Eye

    A fiery WebGL eye whose pupil follows the pointer, with eye colours and pupil sizes, behind a watchlist message.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A logo traced into crackling WebGL electric arcs that bend toward the pointer, with colour and charge controls. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Electric Logo

    A logo traced into crackling WebGL electric arcs that bend toward the pointer, with colour and charge controls.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A tilted 3D wall of destination tiles drifting slowly upward, pausing on hover. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Drift Wall

    A tilted 3D wall of destination tiles drifting slowly upward, pausing on hover.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A canvas grid of dots that light up near the pointer and scatter with GSAP inertia on fast moves and clicks, behind a headline, with palettes and dot sizes. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Dot Grid

    A canvas grid of dots that light up near the pointer and scatter with GSAP inertia on fast moves and clicks, behind a headline, with palettes and dot sizes.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A field of dots that bulges and glows around the pointer behind a hero banner. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Dot Field

    A field of dots that bulges and glows around the pointer behind a hero banner.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Retro dithered waves rendered with React Three Fiber and a postprocessing pass behind a headline, with colour palettes and pixel sizes. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Dither

    Retro dithered waves rendered with React Three Fiber and a postprocessing pass behind a headline, with colour palettes and pixel sizes.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A dark, slowly warping veil behind a sign-in hero, with hue shifts and optional scanlines and noise. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Dark Veil

    A dark, slowly warping veil behind a sign-in hero, with hue shifts and optional scanlines and noise.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A grid whose cells light up around the pointer and pulse on click, in a chosen colour. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Cursor Grid

    A grid whose cells light up around the pointer and pulse on click, in a chosen colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A grid of 3D cubes that GSAP tilts toward the pointer and ripples on click, with grid sizes and an idle auto-animate. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Cubes

    A grid of 3D cubes that GSAP tilts toward the pointer and ripples on click, with grid sizes and an idle auto-animate.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A curved, scanlined CRT glow rendered with three.js behind a retro status headline, with phosphor colours and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits CRT Warp

    A curved, scanlined CRT glow rendered with three.js behind a retro status headline, with phosphor colours and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A GSAP crosshair cursor that tracks the pointer inside a dark panel and glitches over links, with line colours. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Crosshair

    A GSAP crosshair cursor that tracks the pointer inside a dark panel and glitches over links, with line colours.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • Flowing bands of colour rendered with three.js behind a product headline, with palettes, band width and an auto-rotate option. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Color Bends

    Flowing bands of colour rendered with three.js behind a product headline, with palettes, band width and an auto-rotate option.

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

Page 3 of 5

Next