Skip to main content
aino.dev

Components, tools, and news for developers.

Explore

LibraryNews

Community

TwitterYouTubeInstagram

© 2026 Kaino.dev

Privacy PolicyTerms of Service

v0.1.0

aino.dev
ComponentsMusicSFXDiscoverNews
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

  • Glowing concentric rings rendered with three.js that pulse outward behind a headline, with colour pairs, a ring count and an optional pointer follow. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Magic Rings

    Glowing concentric rings rendered with three.js that pulse outward behind a headline, with colour pairs, a ring count and an optional pointer follow.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A swirling liquid simulation in three.js that drifts on its own and pushes away from the pointer, behind a product headline, with palettes and a viscous mode. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Liquid Ether

    A swirling liquid simulation in three.js that drifts on its own and pushes away from the pointer, behind a product headline, with palettes and a viscous mode.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Flowing liquid chrome that ripples under the pointer behind a hardware headline, with base tones and wave amplitude. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Liquid Chrome

    Flowing liquid chrome that ripples under the pointer behind a hardware headline, with base tones and wave amplitude.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Warping concentric line waves that bend toward the pointer behind a data headline, with colour sets and warp strength. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Line Waves

    Warping concentric line waves that bend toward the pointer behind a data headline, with colour sets and warp strength.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A WebGL lightning bolt that crackles behind a storm-alert banner, in a chosen hue. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Lightning

    A WebGL lightning bolt that crackles behind a storm-alert banner, in a chosen hue.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Falling streaks of light over a deep blue sky that bend around the pointer, with palettes and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Lightfall

    Falling streaks of light over a deep blue sky that bend around the pointer, with palettes and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Glowing cables racing through a WebGL tunnel behind a networking headline, with flow direction and colour choices. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Light Tunnel

    Glowing cables racing through a WebGL tunnel behind a networking headline, with flow direction and colour choices.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Volumetric light rays falling from the top of a dark hero that lean toward the pointer, with ray origins and colours. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Light Rays

    Volumetric light rays falling from the top of a dark hero that lean toward the pointer, with ray origins and colours.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing pillar of light rendered with three.js behind a launch headline, with colour pairs and a pointer-reactive mode. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Light Pillar

    A glowing pillar of light rendered with three.js behind a launch headline, with colour pairs and a pointer-reactive mode.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A matrix-style wall of glitching letters behind a terminal login banner. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Letter Glitch

    A matrix-style wall of glitching letters behind a terminal login banner.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A volumetric three.js laser beam with drifting fog and wisps behind a launch headline, with beam colours and fog density. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Laser Flow

    A volumetric three.js laser beam with drifting fog and wisps behind a launch headline, with beam colours and fog density.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A shimmering iridescent surface that reacts to the pointer behind a product headline, with tints and a ripple strength. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Iridescence

    A shimmering iridescent surface that reacts to the pointer behind a product headline, with tints and a ripple strength.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A three.js highway of light trails with bloom from postprocessing that speeds up while the pointer is held down, with the upstream road presets. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Hyperspeed

    A three.js highway of light trails with bloom from postprocessing that speeds up while the pointer is held down, with the upstream road presets.

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

Page 8 of 9

Next