Curved Loop
Flowing looping text path along a customizable curve with drag interaction.
Use Curved Loop 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/CurvedLoop-TS-TWRelated components
- Text Loop
A seamless text marquee that flows along curved SVG paths.
- Falling Text
Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.
- ASCII Text
Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.