Results for “animation-detail”

Create and control Three.js animations including keyframe, skeletal, morph target, and animation blending.

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

Look up the precise term for a web animation or motion effect from a vague description, such as 'the bouncy thing when a popover opens' → 'Pop in'.

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

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

Generates a sequence of fullscreen video frames with cinematic visuals, auto-play, and metadata for Remotion/Hyperframes rendering.

Sequence and choreograph multi-step animations using GSAP timelines, including nesting, labels, position parameter, and playback control.

Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.

Creates short, design-led motion graphics like kinetic typography, data visualizations, logo reveals, and animated maps, rendered as MP4 or transparent overlays.

Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.

Generates a multi-part animated story video by establishing a consistent character, creating sequential scenes, and animating them using image generation and image-to-video models.

Apply animation principles to UI motion for purposeful, polished interactions.

Generate a high-cut-density action/fight scene by composing a 16-cell storyboard image and driving Seedance 2.0 image-to-video from that storyboard.

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

Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

Audit an existing app's design system and motion, then apply a coherent, performant, reduced-motion-safe pass. Use when "motion pass", "animate the app", or "add micro-interactions across the app". One new isolated animation → design-motion.

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

Design the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.