A slowly drifting multi-stop gradient for backdrops, buttons, and gradient text.
A gentle vertical bob for drawing soft attention to a decorative element.
Hover effects (lift, scale, glow) from plain Tailwind utilities, no custom CSS.
A depth effect on scroll where background layers drift slower than the foreground.
An entry animation for elements as they are inserted or shown.
A fade-and-slide entrance that plays as an element scrolls into view.
A bar that fills as the page scrolls, driven natively by scroll position.
A CSS animation whose progress is tied to scroll position.
Seamless infinite scroll for a row of decorative content like logos, tags, or a ticker.
A short horizontal shake for error feedback, like a rejected form field.
A sweeping gradient highlight for loading placeholders, an alternative to the Skeleton component's pulse.
A sequential entrance where a group of items reveals one after another.
A one-shot wave gesture, like a hand waving hello.