Scrambled Text
Detects cursor position and applies a distortion effect to text.
Use Scrambled Text in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/ScrambledText-TS-TWRelated components
- Glitch Text
RGB split and distortion glitch effect with jitter effects.
- Scroll Velocity
Text marquee animatio - speed and distortion scale with user's scroll velocity.
- Tech Text
A wordmark whose letters turn into dashed vector paths under the cursor.