component
AuroraShimmer
By Muhammad Abu Bakkar

Details
- Muhammad Abu BakkarAuthor
- componentType
- 2026-07-13Published
- 2026-07-14Updated
- 2026-07-13Added
- BackgroundsCategories
Summary
AuroraShimmer brings your text to life with a smooth, multi-stop gradient sweep — inspired by the soft color transitions of aurora light.
Description
Ei nao, AuroraShimmer-er full marketplace description — copy-paste ready: AuroraShimmer brings your text to life with a smooth, multi-stop gradient sweep — inspired by the soft color transitions of aurora light. Built with the native Web Animations API, it's lightweight, zero-dependency, and runs directly on real DOM text — fully selectable and screen-reader accessible. Features: 9 built-in gradient presets (Sunrise, Bubble, Peach, Tonic, Mint, Spring, Twilight, Bay, and more) or set your own custom color stops Adjustable sweep speed, easing curve, angle, and band spread — all from the Framer panel, no code editing needed Smart pause behavior — animation pauses automatically when scrolling or off-screen, saving performance Respects prefers-reduced-motion for accessible, inclusive design Works on any text — headlines, labels, status messages, product copy Fully responsive, adapts to any font size Perfect for: Landing page headlines, loading/status indicators, product announcements, or any place you want subtle motion that draws the eye without being distracting. No plugins, no external libraries — just drop it on the canvas and customize.
Introduction
Eye-catching gradient text
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2663