Infinite Scroll Text
Seamless looping marquee for kinetic headlines and promo tickers. Tilt and rotate to any angle with smooth, crisp, customizable text for landing pages.
Make it with Workshop
Build your own component with AI
About this Component
Build kinetic hero lines, promo tickers, and angled banners with a seamless looping marquee that you can tilt and rotate to any angle. Smooth performance, pixel-crisp text, and full styling controls—perfect for landing pages, portfolios, and announcements.
✨ Features
Container Rotation (–180° to 180°) — Rotate the entire marquee for diagonal/tilted layouts without breaking the loop.
Direction & Speed — Scroll left or right and fine-tune velocity in px/s.
Seamless Looping — Auto-tiles text blocks for gapless, jitter-free motion.
Spacing Control — Adjust inter-item spacing for rhythm and readability.
Gradient Typography — Single or multi-color gradients with true text clipping.
Outline Mode — Optional strokes with configurable outline width.
Custom Fonts — Full font controls (size, weight, tracking, line height).
Background Color — Match any brand palette or section theme.
Up to 10 Messages — Cycle multiple phrases in one continuous stream.
Performance-Minded — requestAnimationFrame loop + React transitions for smooth updates.
Smart Preview — Static/thumbnail rendering for clean editor previews.
🧩 Great for
Hero tickers • Launch/discount banners • Case-study headers • Portfolio tags • Event/date strips • Kinetic type experiment
