App Reveal Studio

Interactive app reveal animation playground built with Next.js, React, TypeScript, Tailwind CSS, and Framer Motion. Video generation runs on the server via headless Chromium to guarantee consistent rendering across all browsers.

Features

• Live preview for app reveal animation
• Collapsible floating controls panel
• Editable title, subtitle, badge text, and icon URLs
• Badge presets for App Store, Google Play, and custom badges
• Local icon upload (takes priority over icon URL)
• Drag and pinch to reposition and scale individual layers, with alignment guides
• Adjustable duration, playback speed, and icon corner radius
• Color controls for glow, rim, and gray sweep
• Server-side video export using headless Chromium (no Safari compatibility issues)
• Cancellable export with live queue position

Demo

• Open Slide 🔗
• Subflow 🔗

open-slide-demo.mp4

subflow-demo.mp4

Development

Install dependencies:

pnpm install

Start local dev server:

pnpm dev

Build for production:

pnpm build

Run lint:

pnpm lint