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