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
Kai Studio
