Dia Text Reveal

A horizontal color band sweeps across text, revealing a gradient shine before settling on the base color.

Library

Magic UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @magicui/dia-text-reveal

Files

• apps/www/registry/magicui/dia-text-reveal.tsx

Source

https://github.com/magicuidesign/magicui

Categories

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

More from Magic UI

• Android
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Theme Toggler
• Aurora Text
• Avatar Circles
• Backlight
• Bento Grid