Results for “animation”

Create scroll-driven animations with pinning, scrubbing, and trigger-based timelines using GSAP ScrollTrigger.

Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.

Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.

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

Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

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

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.

Generates a video outro frame with a logo assembled from geometric blocks, glow bloom animation, tagline reveal, and CTA, using pure CSS/SVG.

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.

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

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.

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.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.

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

Creates animated GIFs optimized for Slack with constraints, validation, and animation techniques using PIL.

Generates a Pixar-style 3D cartoon character from a photo and animates it with a reference dance video using the MuAPI platform.

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.

Guides visual style selection, asset pipeline choices, and animation workflows for game development.

Create animated GIFs optimized for Slack with proper dimensions, colors, and animation techniques using PIL and provided utilities.

Creates technical explainer animations with Manim, covering graphs, workflows, and system diagrams, and produces storyboards, scene plans, and rendered MP4s.

Build cinematic, scroll-driven 2.5D websites with parallax depth, text animations, and premium effects using CSS and JavaScript.

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

Transforms a 2D logo into a premium 3D version and animates it with professional cinematic effects.

Translates Apple's fluid interface design principles—spring animations, direct manipulation, interruptibility, and velocity handoff—into web implementations using CSS, Pointer Events, and spring libraries like Motion/Framer Motion.

Build beautiful native UIs for Expo apps with guidance on routing, styling, animations, and platform-specific components.

Provides design instructions for creating premium, agency-level visual interfaces with specific typography, spacing, shadows, card structures, and animations.

Create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-fit enforcement and visual style exploration.