Documentation

Everything you need to add beautiful, performant animations to your website with Etch Motion.

Developer Reference

Advanced

Developer Guide

PHP filters and actions for extending Etch Motion. Custom preset registration and scanner hooks.

Entrance & Exit Presets

Beginner

Entrance & Exit Animations

Deep dive into the 28 entrance and combo presets — fade, slide, scale, rotate, blur, clip-path, and combinations.

Getting Started

Beginner

Quick Start

Get your first animation running in under 2 minutes. Install, activate, and add a fade-up animation to any element.

Beginner

Preset Reference

Complete list of all 61 animation presets organized by category with IDs, labels, and descriptions.

Intermediate

Attribute Reference

Every data-etch-motion-* attribute with types, defaults, and usage examples.

Hover & Interactions

Intermediate

Hover & Interactions

Hover effects, 3D tilt, cursor follower, Flip state transitions, and touch device behavior.

Responsive & Accessibility

Beginner

Responsive Control

Disable animations per-element below any breakpoint with clean revert behavior.

Beginner

Accessibility

Reduced motion support, screen reader safety, flash-rate protection, and noscript fallback.

Intermediate

Performance

Conditional loading, ScrollTrigger batching, will-change management, and optimization tips.

Scroll Animations

Intermediate

Scroll Animations

Parallax, scrub, horizontal scroll, scroll sequences, and counter animations.

Text Animations

Intermediate

Text Animations

SplitText presets, typewriter, and scramble text — splitting by characters, words, and lines.

Timelines & Flip

Advanced

Named Timelines

Orchestrate multi-step animation sequences with named timelines. Chain animations with precise positioning.

Advanced

Flip Transitions

Animate between two layout states using GSAP Flip. Record state, toggle a class, animate the difference.

Troubleshooting

Beginner

Troubleshooting

Common issues and fixes — invisible elements, animations not triggering, GSAP licensing, and cache problems.

Ready to animate?

Get Etch MotionView All Presets