Marquee Scroll Text

This component is Part of the Essential Components plugin. Browse and insert 30+ components directly in Framer. Start for free 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 Live Preview