Animate text by characters, words, or lines for cinematic headlines and hero sections. Perfect for staggered text reveals, masked transitions, and motion typography effects.

Animate multiple elements in sequence with precise control over delay, order, and easing. Ideal for cards, lists, grids, and repeating UI patterns.

Create classic and advanced vertical scroll effects where content animates as users move down the page. Control when animations start, end, and respond to scroll progress.

Build horizontal scrolling sections controlled by vertical scroll. Perfect for feature showcases, portfolios, and immersive storytelling layouts.

Pin sections or elements during scroll to keep them fixed while animations play. Commonly used for step-based storytelling, feature walkthroughs, and long-form pages.

Layer multiple sections or elements and animate them sequentially as users scroll. Create stacked transitions, overlapping motion, and depth-driven layouts.

Start by adding an interaction to any section, row, or column. The interaction defines when the animation should trigger — on scroll, hover, click, or page load.

Inside each interaction, add one or more actions. Actions define what happens — such as fading in, moving, scaling, rotating, or sequencing animations over time.

Choose the properties you want to animate — position, opacity, scale, rotation, color, and more. Set FROM and TO values to control exactly how elements animate.