Gradient Text
Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.
Use Gradient 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/GradientText-TS-TWRelated components
- Masked Heading
A headline with a drifting colour mesh or image showing through, revealed word by word.
- Particle Text
Text assembles from drifting particles that scatter and reform on demand.
- ASCII Text
Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.