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 33Buttons 1Cards 5Data-display 6Feedback 1Modals 2Navigation 7Text-effects 11

Motion Primitives components

  • A thinking indicator whose letters ripple in a shimmering wave. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Shimmer Wave

    A thinking indicator whose letters ripple in a shimmering wave.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • A loading message with a shimmering highlight sweeping across it at a local speed. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Shimmer

    A loading message with a shimmering highlight sweeping across it at a local speed.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • An attributed Text Scramble example with message switching, replay, screen-reader text and reduced-motion support. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Scramble

    An attributed Text Scramble example with message switching, replay, screen-reader text and reduced-motion support.

    Motion Primitivesanimationinteractivemotion-primitivesMIT
  • A headline whose letters roll into place, replayable with a new word. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Roll

    A headline whose letters roll into place, replayable with a new word.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • A follow button whose label morphs letter by letter between states. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Morph

    A follow button whose label morphs letter by letter between states.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • An attributed Text Loop example with local compiled CSS, accessible controls and reduced-motion support. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Loop

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

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • An attributed Text Effect example with local compiled CSS, accessible controls and reduced-motion support. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Text Effect

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

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • A rotating circular label around an open-for-hire badge, with a local speed. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Spinning Text

    A rotating circular label around an open-for-hire badge, with a local speed.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • A countdown timer whose digits slide vertically as each second ticks. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Sliding Number

    A countdown timer whose digits slide vertically as each second ticks.

    Motion Primitivescompiled-cssinteractiveitives-sliding-numberMIT
  • An attributed Motion Primitives Animated Number example with local CSS, accessible controls and announced state. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives Animated Number

    An attributed Motion Primitives Animated Number example with local CSS, accessible controls and announced state.

    Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
  • Story sections that animate in as they scroll into view inside a reading panel. Motion Primitives, Text-effects, 0 votes, MIT licence
    text-effects0

    Motion Primitives In View

    Story sections that animate in as they scroll into view inside a reading panel.

    Motion Primitivescompiled-cssin-viewinteractiveMIT