Results for “animation”

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

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.

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.

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.

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

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

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.

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 a fixed 16:9 stage and distinctive design.

Provides creative advice in the style of Hayao Miyazaki, offering visual, narrative, and scene design suggestions for film and animation projects.

Build zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-safe layouts and visual style exploration.

Implements accessible, performant animations and transitions in React/Next.js apps using Motion, with tokens, reduced-motion support, and device adaptation.

Audits product flows to find delight opportunities, then specifies micro-interactions, animations, and usability risk assessments that balance playful design with functional clarity.

Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.

Create visual designs like flyers, posters, social media posts, and business cards by searching Adobe Express templates and customizing text, colors, and animations.

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forces structured intake (product pitch, audience, brand, tone) before generating copy or markup.

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.

Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.

Generates a high-fidelity, clickable web prototype with navigation, hero, features, and CTA sections.

Generate walkthrough videos from Stitch project screens using Remotion with smooth transitions, zoom effects, and text overlays.

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.

Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.

Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.

Creates Apple-style soft UI prototypes with squircle cards, spring motion, and ambient mesh backgrounds.

Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.

Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Apply named StyleSeed motion to React components using framer-motion, with personality seeds and keyword moves from a motion library.