Welcome to Replay
Turn any screen recording into a complete design system. Extract components, generate documentation, and edit components visually with AI.
Quickstart
Get up and running in 5 minutes. Create your first design system from video.
Component Library
Learn about the Storybook-style component library with controls and docs.
What is Replay?
Replay is an AI-powered design system generator. Upload any screen recording of an app or website, and Replay will extract components, generate documentation, and create an interactive design system you can edit, customize, and publish.
Powered by Gemini 3 Pro for code generation and Gemini 3 Flash with Agentic Vision for precise UI measurements.
The AI analyzes your video to detect:
- UI components (buttons, cards, inputs, navigation)
- Component props and variants (sizes, colors, states)
- Layout patterns and responsive behavior
- Navigation flows and page structure
- Design tokens (colors, typography, spacing)
Core Features
Component Library
Storybook-style docs with Controls, Actions, Visual Tests, Accessibility checks, and Usage examples.
Editor
Visual canvas to arrange components, edit with AI, and build layouts interactively.
Flow Map
Interactive visualization of page navigation and user flows detected from video.
AI Editing
Modify components with natural language: 'Make it red', 'Add shadow', 'Change icon'.
One-Click Publish
Deploy your design system instantly to replay.build with a unique URL.
Supabase Integration
Connect your database and generate components with real data fetching.
How It Works
Record
Capture any UI on screen
Upload
Drop video into Replay
Extract
AI detects components
Edit
Customize with AI chat
Publish
Deploy with one click
Interface Views
Preview
Live preview of generated UI. See your design system in action with responsive viewport toggles.
Library
Component documentation with interactive controls, prop tables, and accessibility audits.
Editor
Visual canvas for component composition. Drag, resize, and edit components with AI assistance.
Flow
Navigation map showing page relationships and user flows detected from your recording.