Blur Text

Text starts blurred then crisply resolves for a soft-focus reveal effect.

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/BlurText

Files

• src/content/TextAnimations/BlurText/BlurText.jsx

Source

https://github.com/DavidHDev/react-bits

Categories

• Animated Text Components
• React Animated Text Components
• Text Components
• React Text Components
• Animated Text Components

More from React Bits

• Asciitext
• Circular Text
• Code Slots
• Curved Loop
• Decrypted Text
• Depth Text
• Echo Text
• Falling Text
• Fold Text
• Fuzzy Text
• Glitch Text
• Gradient Text