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 213Backgrounds 80Buttons 10Cards 22Data-display 34Feedback 6Forms 14Loaders 2Navigation 13Text-effects 32

React Bits components

  • 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
  • A dark pricing card whose border glows in multicolour near the pointer, optionally animated. React Bits, Cards, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    cards0

    React Bits Border Glow

    A dark pricing card whose border glows in multicolour near the pointer, optionally animated.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Star Border button with the pinned upstream CSS, pause, speed and reduced-motion controls. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Star Border

    An attributed Star Border button with the pinned upstream CSS, pause, speed and reduced-motion controls.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A glossy call-to-action button whose specular highlight follows the pointer, starting a trial when pressed, with size and tint options. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Specular Button

    A glossy call-to-action button whose specular highlight follows the pointer, starting a trial when pressed, with size and tint options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A slingshot send button for a chat composer: pull it back and let go to launch the message, or simply click it. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Sling Button

    A slingshot send button for a chat composer: pull it back and let go to launch the message, or simply click it.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A slide-to-pay control that confirms a plan upgrade, shows a pending spinner, then succeeds or shakes on a declined card. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Slide Commit

    A slide-to-pay control that confirms a plan upgrade, shows a pending spinner, then succeeds or shakes on a declined card.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A like button whose heart bursts with dots and beats while the count rolls, with heart, star and thumbs icons. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Pulse Heart

    A like button whose heart bursts with dots and beats while the count rolls, with heart, star and thumbs icons.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A booking button that drifts toward the pointer when it comes near, with adjustable pull. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Magnet

    A booking button that drifts toward the pointer when it comes near, with adjustable pull.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A destructive action that only completes when the button is held, filling as you press. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Hold Button

    A destructive action that only completes when the button is held, filling as you press.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • An archive button that burns a fuse around its edge, giving a few seconds to undo before the action commits. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Fuse Button

    An archive button that burns a fuse around its edge, giving a few seconds to undo before the action commits.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Sparks burst from every click inside a celebration panel, in a chosen spark colour. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Click Spark

    Sparks burst from every click inside a celebration panel, in a chosen spark colour.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A notify-me button whose bell rings and morphs into a confirmation, with an unread badge and sizes. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    buttons0

    React Bits Bell Toggle

    A notify-me button whose bell rings and morphs into a confirmation, with an unread badge and sizes.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Silky threads fanning across a light hero that sway with the pointer, with colour themes and fan direction. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Web Threads

    Silky threads fanning across a light hero that sway with the pointer, with colour themes and fan direction.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Flowing line waves that ripple under the pointer behind a calm hero banner. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Waves

    Flowing line waves that ripple under the pointer behind a calm hero banner.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Animated contour lines morphing like a topographic map behind a headline, with elevation colours and filled bands. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Topography

    Animated contour lines morphing like a topographic map behind a headline, with elevation colours and filled bands.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Fine flowing threads drifting behind a minimal headline that can bend toward the pointer, with thread colours and amplitude. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Threads

    Fine flowing threads drifting behind a minimal headline that can bend toward the pointer, with thread colours and amplitude.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A spinning GSAP target cursor that snaps its corners around buttons and cards marked as targets, with spin speed and an option to keep the system cursor visible. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Target Cursor

    A spinning GSAP target cursor that snaps its corners around buttons and cards marked as targets, with spin speed and an option to keep the system cursor visible.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A swarm of glowing particles that follows the pointer around a dark panel and scatters on click, with colours and swarm size. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Swarm Cursor

    A swarm of glowing particles that follows the pointer around a dark panel and scatters on click, with colours and swarm size.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Glowing colour strands twisting behind a research headline, with the strand count and an optional glass lens. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Strands

    Glowing colour strands twisting behind a research headline, with the strand count and an optional glass lens.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A WebGL fluid simulation that splashes colour behind the pointer across the whole preview. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Splash Cursor

    A WebGL fluid simulation that splashes colour behind the pointer across the whole preview.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A soft, slow aurora band glowing behind a newsletter headline, with colour pairs and a brightness setting. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Soft Aurora

    A soft, slow aurora band glowing behind a newsletter headline, with colour pairs and a brightness setting.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • Rows of sliced bars rolling like a wave behind a launch headline, with horizontal or vertical slices and an alternating option. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Sliced Waves

    Rows of sliced bars rolling like a wave behind a launch headline, with horizontal or vertical slices and an alternating option.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A softly rippling silk surface rendered with React Three Fiber behind a product headline, with fabric colours and a calm or lively setting. React Bits, Backgrounds, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    backgrounds0

    React Bits Silk

    A softly rippling silk surface rendered with React Three Fiber behind a product headline, with fabric colours and a calm or lively setting.

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

Page 6 of 9

Next