Animated gradient text for Framer: a band of holographic foil that sweeps across the letters. Free.
The gradient is clipped to the glyphs rather than drawn behind them, which is what makes it read as foil on the letters instead of a highlighted block sitting under them.
Runs on a loop with a pause you set, on hover, or once when it scrolls into view. Three foil colours plus the base text colour, band width, angle, sweep duration and delay are all property controls, and the font is a full font control.
It holds a still foil frame in the Framer canvas, in the thumbnail, and for a visitor who has asked for reduced motion, so it is never a flat word. Two instances on one page keep their own timing rather than locking into step.
Licence: use it in as many sites as you like, your own and work you do for clients, commercially, with no attribution. What you may not do is pass it on as a product: do not resell or redistribute the component or its code, on its own or inside another template, kit or product, paid or free, and do not publish it as a component anywhere. Questions: me@majedesigns.dev
Animated gradient text for Framer: a band of holographic foil that sweeps across the letters. Free.
The gradient is clipped to the glyphs rather than drawn behind them, which is what makes it read as foil on the letters instead of a highlighted block sitting under them.
Runs on a loop with a pause you set, on hover, or once when it scrolls into view. Three foil colours plus the base text colour, band width, angle, sweep duration and delay are all property controls, and the font is a full font control.
It holds a still foil frame in the Framer canvas, in the thumbnail, and for a visitor who has asked for reduced motion, so it is never a flat word. Two instances on one page keep their own timing rather than locking into step.
Licence: use it in as many sites as you like, your own and work you do for clients, commercially, with no attribution. What you may not do is pass it on as a product: do not resell or redistribute the component or its code, on its own or inside another template, kit or product, paid or free, and do not publish it as a component anywhere. Questions: me@majedesigns.dev
