Shimmer Text

Animated shimmer text with a looping gradient sweep across the letters, built with React, Tailwind CSS gradients and Motion animations.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @kokonutui/shimmer-text

Files

• components/kokonutui/shimmer-text.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Animated Text Components
• React Animated Text Components
• Tailwind CSS Animated Text Components
• Text Components
• React Text Components
• Tailwind CSS Text Components
• Animated Text Components

More from Kokonut UI

• AI Text Loading
• Dynamic Text
• Glitch Text
• Matrix Text
• Scroll Text
• Sliced Text
• Extruded Text
• Typing Text
• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment