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 bold headline drawn in WebGL that warps and ripples under the pointer, with phrases and warp strength options. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Warp Text

    A bold headline drawn in WebGL that warps and ripples under the pointer, with phrases and warp strength options.

    React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0
  • A headline whose letters thicken as the pointer comes near, using variable font weight. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Variable Proximity

    A headline whose letters thicken as the pointer comes near, using variable font weight.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A sentence where a focus frame moves word by word, blurring the rest, or follows the pointer. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits True Focus

    A sentence where a focus frame moves word by word, blurring the rest, or follows the pointer.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A typewriter headline that types, pauses and deletes a set of product lines with a blinking GSAP cursor, with fast and steady typing speeds. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Text Type

    A typewriter headline that types, pauses and deletes a set of product lines with a blinking GSAP cursor, with fast and steady typing speeds.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A headline whose letters swell in weight and width as the pointer gets close, using the Roboto Flex variable font loaded from a local font file; the preview toggles the width and weight axes and an outline style. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Text Pressure

    A headline whose letters swell in weight and width as the pointer gets close, using the Roboto Flex variable font loaded from a local font file; the preview toggles the width and weight axes and an outline style.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A ribbon of text that loops along a wave, arch or infinity path with GSAP and pauses on hover, with path shapes and loop directions. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Text Loop

    A ribbon of text that loops along a wave, arch or infinity path with GSAP and pauses on hover, with path shapes and loop directions.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A blueprint-style headline with dashed outlines and measurement labels that react to the pointer. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Tech Text

    A blueprint-style headline with dashed outlines and measurement labels that react to the pointer.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A launch title whose letter outlines draw themselves with GSAP before filling in, with wipe, fade or outline-only fills and a looping mode. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Stroke Text

    A launch title whose letter outlines draw themselves with GSAP before filling in, with wipe, fade or outline-only fills and a looping mode.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A product headline that rises into place letter by letter or word by word with GSAP SplitText, with a replay and a completion status. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Split Text

    A product headline that rises into place letter by letter or word by word with GSAP SplitText, with a replay and a completion status.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • An airport-style split-flap departure board cycling through flight statuses. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Split Flap Text

    An airport-style split-flap departure board cycling through flight statuses.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A launch title whose letters shuffle into place with GSAP SplitText on load and again on hover, with four directions and a looping mode. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Shuffle

    A launch title whose letters shuffle into place with GSAP SplitText on load and again on hover, with four directions and a looping mode.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Shiny Text status line with the pinned upstream CSS, speed, direction, yoyo, pause and reduced-motion controls. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Shiny Text

    An attributed Shiny Text status line with the pinned upstream CSS, speed, direction, yoyo, pause and reduced-motion controls.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • Two bands of text that race sideways faster the quicker a local panel is scrolled. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Scroll Velocity

    Two bands of text that race sideways faster the quicker a local panel is scrolled.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A product statement whose words sharpen and straighten with GSAP ScrollTrigger as you scroll a panel, with a blur toggle and three tilt angles. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Scroll Reveal

    A product statement whose words sharpen and straighten with GSAP ScrollTrigger as you scroll a panel, with a blur toggle and three tilt angles.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A headline whose letters float up into place with GSAP ScrollTrigger as you scroll a panel, with three easing curves and two stagger speeds. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Scroll Float

    A headline whose letters float up into place with GSAP ScrollTrigger as you scroll a panel, with three easing curves and two stagger speeds.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A paragraph whose letters scramble with GSAP SplitText and ScrambleText as the pointer passes over them, with scramble radius and character sets. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Scrambled Text

    A paragraph whose letters scramble with GSAP SplitText and ScrambleText as the pointer passes over them, with scramble radius and character sets.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • An attributed Rotating Text headline with the pinned upstream CSS, pause, next-phrase and reduced-motion controls. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Rotating Text

    An attributed Rotating Text headline with the pinned upstream CSS, pause, next-phrase and reduced-motion controls.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A word assembled from particles that scatter away from the pointer and gather again. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Particle Text

    A word assembled from particles that scatter away from the pointer and gather again.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A large headline whose letters are filled with artwork that drifts with the pointer, revealed word by word with GSAP, with reveal styles and a replay. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Masked Heading

    A large headline whose letters are filled with artwork that drifts with the pointer, revealed word by word with GSAP, with reveal styles and a replay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A launch headline painted with an animated colour gradient, optionally with a matching border. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Gradient Text

    A launch headline painted with an animated colour gradient, optionally with a matching border.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A cyberpunk error headline with RGB glitch slices that can run constantly or only on hover. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Glitch Text

    A cyberpunk error headline with RGB glitch slices that can run constantly or only on hover.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A big 404 rendered as fuzzy, jittering text that intensifies on hover. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Fuzzy Text

    A big 404 rendered as fuzzy, jittering text that intensifies on hover.

    React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
  • A launch headline whose letters unfold on a hinge with GSAP, with four hinge edges, a looping mode and a replay. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Fold Text

    A launch headline whose letters unfold on a hinge with GSAP, with four hinge edges, a looping mode and a replay.

    React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0
  • A product promise whose words drop and tumble under gravity when clicked, with draggable physics. React Bits, Text-effects, 0 votes, MIT + Commons Clause License Condition v1.0 licence
    text-effects0

    React Bits Falling Text

    A product promise whose words drop and tumble under gravity when clicked, with draggable physics.

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

Page 1 of 53

Next