Results for “use-animate”

Provides GSAP utility functions for math, value mapping, randomization, snapping, and unit parsing in animations.

Animate DOM and SVG elements with GSAP's core engine: tweens, easing, staggers, transforms, and responsive matchMedia.

Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

Creates a hero frame with looping CSS animations including a rotating type ring, animated globe, ticking timer, and parallax labels.

Creates seek-safe 2D/3D keyframe animations using GSAP, CSS, Anime.js, WAAPI, FLIP, SVG morph/draw, and text trails for HyperFrames compositions.

Create and edit video compositions in React using Remotion, with guidance on layout, animation, assets, captions, effects, and rendering.

Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects.

Add scroll animations, micro-interactions, or page transitions to a component using GSAP, with reduced-motion support and performance best practices.