Text Pressure
Characters scale / warp interactively based on pointer pressure zone.
Use Text Pressure 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/TextPressure-TS-TWRelated components
- Warp Text
WebGL warp that bends and refracts the text around the pointer.
- ASCII Text
Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.
- Circular Text
Layouts characters around a circle with optional rotation animation.