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 headline whose letters flip in 3D on hover, in a locally chosen direction. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Text 3D Flip

    A headline whose letters flip in 3D on hover, in a locally chosen direction.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A circular spinning badge around a logo, with a local spin direction. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Spinning Text

    A circular spinning badge around a logo, with a local spin direction.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A celebration headline with twinkling sparkles in a locally chosen palette. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Sparkles Text

    A celebration headline with twinkling sparkles in a locally chosen palette.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • Two rows of text that drift in opposite directions and speed up as the page scrolls. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Scroll Based Velocity

    Two rows of text that drift in opposite directions and speed up as the page scrolls.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • An attributed Number Ticker with local compiled CSS, count direction, replay and reduced-motion support. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Number Ticker

    An attributed Number Ticker with local compiled CSS, count direction, replay and reduced-motion support.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A headline that morphs between words with a gooey blur effect. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Morphing Text

    A headline that morphs between words with a gooey blur effect.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A bold headline word with an animated diagonal line shadow in a locally chosen colour. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Line Shadow Text

    A bold headline word with an animated diagonal line shadow in a locally chosen colour.

    Magic UIcompiled-cssinteractiveline-shadow-textMIT
  • A tagline whose letters react with kinetic motion, switching between local phrases. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Kinetic Text

    A tagline whose letters react with kinetic motion, switching between local phrases.

    Magic UIcompiled-cssinteractivekinetic-textMIT
  • A scrambling headline that decodes into place on load and again on hover. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Hyper Text

    A scrambling headline that decodes into place on load and again on hover.

    Magic UIcompiled-csshyper-textinteractiveMIT
  • Hand-drawn highlights, underlines and circles that sketch themselves onto key phrases. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Highlighter

    Hand-drawn highlights, underlines and circles that sketch themselves onto key phrases.

    Magic UIcompiled-cssghlighterinteractiveMIT
  • A headline revealed by a sweeping colour band, replayable. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Dia Text Reveal

    A headline revealed by a sweeping colour band, replayable.

    Magic UIcompiled-cssdia-text-revealinteractiveMIT
  • A comic-book style announcement headline whose size changes locally. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Comic Text

    A comic-book style announcement headline whose size changes locally.

    Magic UIcomic-textcompiled-cssinteractiveMIT
  • Release highlights that fade in from a blur one after another, replayable on demand. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Blur Fade

    Release highlights that fade in from a blur one after another, replayable on demand.

    Magic UIblur-fadecompiled-cssinteractiveMIT
  • A hero headline whose key word shimmers with aurora colours at a locally chosen speed. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Aurora Text

    A hero headline whose key word shimmers with aurora colours at a locally chosen speed.

    Magic UIaurora-textcompiled-cssinteractiveMIT
  • Announcement pill with shimmer width choice, pause and reduced-motion controls. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Animated Shiny Text

    Announcement pill with shimmer width choice, pause and reduced-motion controls.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • An attributed Animated Gradient Text example with local compiled CSS, accessible controls and reduced-motion support. Magic UI, Text-effects, 0 votes, MIT licence
    text-effects0

    Magic UI Animated Gradient Text

    An attributed Animated Gradient Text example with local compiled CSS, accessible controls and reduced-motion support.

    Magic UIcompiled-cssinteractivemagic-uiMIT
  • A headline whose last word rotates through local values with daisyUI text rotate. daisyUI, Text-effects, 0 votes, MIT licence
    text-effects0

    daisyUI Text Rotate

    A headline whose last word rotates through local values with daisyUI text rotate.

    daisyUIdaisyuiinteractivetext-effectsMIT
  • Release step cards that zoom in one after another, replayable. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Zoom

    Release step cards that zoom in one after another, replayable.

    Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition
  • An attributed Typing Text effect with looping phrases, replay, screen-reader text and reduced-motion support. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Typing Text

    An attributed Typing Text effect with looping phrases, replay, screen-reader text and reduced-motion support.

    Animate UIanimate-uianimationinteractiveMIT + Commons Clause License Condition
  • An attributed Shimmering Text status line with colour, wave, stop, screen-reader text and reduced-motion support. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Shimmering Text

    An attributed Shimmering Text status line with colour, wave, stop, screen-reader text and reduced-motion support.

    Animate UIanimate-uianimationinteractiveMIT + Commons Clause License Condition
  • A headline split into characters or words that slide in, replayable. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Splitting Text

    A headline split into characters or words that slide in, replayable.

    Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition
  • A rolling digit counter for a live sign-up total, with padded digits and decimal support. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Sliding Number

    A rolling digit counter for a live sign-up total, with padded digits and decimal support.

    Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition
  • Release step cards that slide up into place one after another, replayable. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Slide

    Release step cards that slide up into place one after another, replayable.

    Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition
  • A countdown wheel of numbers that scrolls to a target with a highlighted current value. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licence
    text-effects0

    Animate UI Scrolling Number

    A countdown wheel of numbers that scrolls to a target with a highlighted current value.

    Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition
Previous

Page 3 of 4

Next