True Focus

Applies dynamic blur / clarity based over a series of words in order.

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/TrueFocus

Files

• src/content/TextAnimations/TrueFocus/TrueFocus.css
• src/content/TextAnimations/TrueFocus/TrueFocus.jsx

Source

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

Categories

• Animated Text Components
• React Animated Text Components
• Effect Components
• React Effect Components
• Animated Effect Components
• Spotlight Effect Components
• React Spotlight Effect Components
• Animated Spotlight Effect Components
• Text Components
• React Text Components
• Animated Text Components

More from React Bits

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