Animated ElementsTyping Animation
Headlines that type themselves out. Rotate through a list of phrases, once on load or looping forever, with real cursor styles and per-letter effects.
Every element, running live
These are not screenshots. Each one runs the same code the widget ships, so what you see here is what your page gets. Hover the buttons, and replay anything that has already finished.
Text & Headlines
How to use them51 controls
HyperText Scramble
Text that decodes itself out of random characters. Fires on load, on scroll, on hover or on click. Once, or repeating forever.
Word Rotate
Headline words that trade places with polished slide, blur, flip, scale, or fade motion, built to stay sharp on mobile and stable between phrases.
Highlighter
Mark words the way a person would: marker sweep, underline, box, circle, strike, cross or brackets, sketched on as the visitor arrives. Multiple phrases per line, every line of a wrap.
Depth Text
Real layered 3D type that tilts toward the visitor and drifts while idle. Tune the extrusion, camera, lighting, face, depth color and mobile motion independently.
Buttons & CTAs
How to use themMagnetic Button
A call to action that leans toward the cursor and springs back. Ten click actions including GoHighLevel's popup and next-step events, or attach the magnet to a button you already built and keep its native actions.
Spotlight Button
A light tracks the cursor across the button and the label inverts as it passes underneath. Same ten click actions as the Magnetic Button, or light up a button you already built.
Section Backgrounds
How to use themFlickering Grid
A grid of squares that flicker behind your section. Drop it anywhere inside the section and it paints the section itself. The widget stays invisible on the live page. Targets a section, row, column or any class you name.
Stats & Social Proof
How to use themAnimated Counter
Numbers that count up when they scroll into view. Prefix, suffix, decimals, gradient fill, easing, and full mobile control.