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

  • Two-tone light rays streaming in from a corner of a dark hero, with the ray origin and colour pair as options. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Side Rays

    Two-tone light rays streaming in from a corner of a dark hero, with the ray origin and colour pair as options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A WebGPU grid of small shapes that ripples and glows under the pointer and can spell a word, with a choice of shapes and a replayable intro. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Shape Waves

    A WebGPU grid of small shapes that ripples and glows under the pointer and can spell a word, with a choice of shapes and a replayable intro.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A drifting grid of squares, circles or hexagons that fill under the pointer. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Shape Grid

    A drifting grid of squares, circles or hexagons that fill under the pointer.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A crisp outline shape rendered with three.js that blurs and sharpens around the pointer, behind a headline, with four shape variations. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Shape Blur

    A crisp outline shape rendered with three.js that blurs and sharpens around the pointer, behind a headline, with four shape variations.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Bands of light sweeping across a dark security panel that bend around the pointer, with colour themes and a vertical or horizontal sweep. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Scanner

    Bands of light sweeping across a dark security panel that bend around the pointer, with colour themes and a vertical or horizontal sweep.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing grid that ripples out from the pointer behind a status headline, with grid colours and an optional rainbow mode. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Ripple Grid

    A glowing grid that ripples out from the pointer behind a status headline, with grid colours and an optional rainbow mode.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Springy ribbons that trail the pointer across a dark panel, with colour sets and a fading tail option. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Ribbons

    Springy ribbons that trail the pointer across a dark panel, with colour sets and a fading tail option.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A sweeping radar display with rings and spokes behind a monitoring headline, with sweep colours and sweep speeds. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Radar

    A sweeping radar display with rings and spokes behind a monitoring headline, with sweep colours and sweep speeds.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A burst of prismatic light rays spinning out from the centre of a hero, with colour sets and animation types. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Prismatic Burst

    A burst of prismatic light rays spinning out from the centre of a hero, with colour sets and animation types.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing glass prism that refracts colour and rotates or follows the pointer behind a headline, with animation modes and hue shifts. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Prism

    A glowing glass prism that refracts colour and rotates or follows the pointer behind a headline, with animation modes and hue shifts.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Two glowing plasma ribbons weaving across a dark hero, with colour pairs and a slow or fast flow. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Plasma Wave

    Two glowing plasma ribbons weaving across a dark hero, with colour pairs and a slow or fast flow.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A flowing plasma field that bends toward the pointer behind a headline, with tints and a forward or reverse flow. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Plasma

    A flowing plasma field that bends toward the pointer behind a headline, with tints and a forward or reverse flow.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A trail of grid pixels rendered with React Three Fiber and drei that follows the pointer inside a dark panel, with colours and an optional gooey filter. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Pixel Trail

    A trail of grid pixels rendered with React Three Fiber and drei that follows the pointer inside a dark panel, with colours and an optional gooey filter.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Pixelated snow drifting through a three.js scene behind a seasonal headline, with flake shapes and a light or heavy snowfall. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Pixel Snow

    Pixelated snow drifting through a three.js scene behind a seasonal headline, with flake shapes and a light or heavy snowfall.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A dithered pixel field rendered with three.js that ripples where you click, with pixel shapes and an optional liquid distortion pass from postprocessing. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Pixel Blast

    A dithered pixel field rendered with three.js that ripples where you click, with pixel shapes and an optional liquid distortion pass from postprocessing.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A rolling surface of tiny marks and glyphs that waves across the panel behind a headline, with surface presets and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Pattern Waves

    A rolling surface of tiny marks and glyphs that waves across the panel behind a headline, with surface presets and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A slowly rotating 3D cloud of glowing particles behind a launch headline, with colour sets and an option to follow the pointer. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Particles

    A slowly rotating 3D cloud of glowing particles behind a launch headline, with colour sets and an option to follow the pointer.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A glowing, rippling orb that swirls when hovered, framing an assistant prompt, with hues and an always-active option. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Orb

    A glowing, rippling orb that swirls when hovered, framing an assistant prompt, with hues and an always-active option.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • An animated film-grain overlay on a gradient poster, with adjustable grain strength. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Noise

    An animated film-grain overlay on a gradient poster, with adjustable grain strength.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A swirling pool of molten metal that bends toward the pointer behind a hardware headline, with alloys and a swirl strength. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Molten Metal

    A swirling pool of molten metal that bends toward the pointer behind a hardware headline, with alloys and a swirl strength.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Thousands of tiny glinting slats rolling like a surface of water behind a headline, with motion presets and a pause control. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Micro Slats

    Thousands of tiny glinting slats rolling like a surface of water behind a headline, with motion presets and a pause control.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A liquid-metal WebGL shader poured into a bolt logo, in a chosen tint. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Metallic Paint

    A liquid-metal WebGL shader poured into a bolt logo, in a chosen tint.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Liquid metaballs that clump, drift and follow the pointer behind a product headline, with colours and a ball count. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Meta Balls

    Liquid metaballs that clump, drift and follow the pointer behind a product headline, with colours and a ball count.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A grid of small lines that all turn to point at the pointer, like iron filings near a magnet. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Magnet Lines

    A grid of small lines that all turn to point at the pointer, like iron filings near a magnet.

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

Page 7 of 9

Next