Text Loop
A seamless text marquee that flows along curved SVG paths.
Use Text 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/TextLoop-TS-TWRelated components
- Curved Loop
Flowing looping text path along a customizable curve with drag interaction.
- 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.