Results for “react”

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

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

Creates programmatic videos with React using Remotion, covering compositions, animations, motion graphics, and MP4 rendering, plus walkthrough and content-to-animation workflows.

Creates a 1920×1080 presentation deck with React-like component layout, strict typography and color constraints, and no template restrictions.

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

Provides domain-specific best practices for creating videos with Remotion in React, covering 3D, animations, audio, captions, charts, transitions, and more.

Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.

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

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

Loads Remotion best practices for React video creation, covering animations, composition setup, assets, audio, captions, sequencing, transitions, media metadata, Three.js, Tailwind, and rendering patterns.

Render videos from React/Remotion component code via inference.sh CLI. Pass TSX code, get MP4 output with configurable resolution, FPS, duration, and codec.

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

Generates premium React/Next.js frontend code with deterministic typography, calibrated color palettes, and motion physics, enforcing anti-cliché design rules and performance guardrails.

Port an existing Remotion (React) composition's source to HyperFrames HTML. Use only on explicit requests to migrate from Remotion; for new compositions or uncertainty, use the general HyperFrames skill.

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.

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

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Generates award-level UI with GSAP motion, bento grids, and Python-driven randomization for layout variety.

Transform articles or scripts into click-driven 16:9 web presentations that look like videos, with optional AI voiceover synthesis.

Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.

Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.

Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.

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.

Provides domain-specific guidance for building videos with Remotion, covering captions, FFmpeg operations, audio visualization, and a wide range of composition techniques.

Guides building video-generation SaaS apps with Remotion, covering framework selection, the Player component, and rendering options across Lambda, Vercel, Node.js, and Cloudflare.