Changelog

Component Library now uses industry-standard 5-layer architecture: Foundations, Components (6 subcategories), Patterns, Templates, and Product Modules. Follows Carbon/Spectrum/Atlassian design system standards.

Import Design Systems from any Storybook URL. Tokens (colors, typography, spacing) are extracted and applied consistently across all generated code.

Click on detected navigation paths in Flow Map to reconstruct pages not shown in the original video. AI generates new subpages matching your existing design.

Download your entire project as a zip package including all components, design tokens, and configuration files.

Components now auto-size to their real rendered dimensions. Layer labels (Foundations, Components, Patterns, etc.) appear on the canvas. Google Fonts (Inter) load correctly in all previews.

When a Design System is active, DS colors now override video-detected colors consistently across all sections — header, content, sidebar, and footer.

Broadened multi-page detection to recognize anchor navigation, section IDs, and more Alpine.js variable patterns (activeTab, selected, view, section).

Fixed a crash that occurred when clicking the refresh button on malformed or incomplete code. Now gracefully recovers.

Google Fonts (Inter) now load correctly in Library and Editor component previews. Previously only system fonts were used.

New users can explore a full demo project without signing up. Experience Flow Map, Library, and Editor in read-only mode.

New Agency tier with 15,000 credits/month, 5 team members, shared Design System, and priority GPU access.

Upgraded AI pipeline using Gemini 3 Pro for generation and Gemini 3 Flash for Surveyor measurements and QA testing.

Visual component editor is now simply called 'Editor' for clarity.

Aligned all documentation with current pricing: ~150 credits/generation, ~10 credits/edit.

Extract components from your generated UI. View with Controls, Actions, Visual Tests, Accessibility checks, and Usage examples.

Visual canvas for component composition. Drag, resize, and edit components with AI assistance.

New color picker with saturation/hue controls, contrast ratio checking, and preset swatches.

Complete documentation redesign with dark theme matching the main application.

Component library now auto-loads when opening a project via URL.

Full keyboard navigation support. Focus trap for all modals - TAB never escapes open modals. Visible focus rings on all interactive elements. aria-labels on icon-only buttons.

New clickable Project button with ChevronDown icon, visible background and border. 'Create New Project' at top of dropdown (highlighted in brand color). Better visual hierarchy.

Quickly rename projects from context menu in project list. No need to open settings modal for simple rename.

Aligned top bars - Logo section and main top bar now same height (h-12). Removed duplicate mobile view toggle from center. Publish button always in brand color.

Converted clickable divs to semantic buttons for keyboard accessibility. All interactive elements now reachable via TAB key.

Beautiful skeleton loader with animated Replay logo during generation. Rotating pro tips educate users while they wait. Smooth animations that don't restart.

Subtle animated spotlight effects on landing page for premium visual depth. Dynamic light beams move gently across the background.

Removed nested box design - now single clean frame with live code streaming. Header shows status and line count, code area streams in real-time.

Complete mobile redesign: simplified hero animation, removed scroll-blocking effects, stacked card layout, background videos with pointer-events-none.

Profile button now opens dropdown modal on both landing and tool pages. Shows credits, plan, settings link, and sign out - consistent across app.

Free accounts now get 5-minute video limit (up from 30 seconds). Better testing experience based on user feedback.

All generation history now saves to Supabase as primary storage. No more localStorage quota crashes. Unlimited history, syncs across devices.

Upload any image and Replay will copy its exact visual style - colors, typography, border-radius, shadows. Video provides content, image provides design.

Fixed infinite loop and out-of-memory crash caused by localStorage quota exceeded errors.

Connect your Supabase database and generate code that fetches real data. AI now understands your table schema.

New settings panel with General, Secrets, Database, and Analytics tabs.

Improved prompts for creating new pages with @PageName syntax. AI now respects existing navigation.

Replay launches with Video to UI generation, Edit with AI, and one-click publishing.

Powered by Google Gemini for video analysis and code generation.

Pay-as-you-go credits with Pro and Agency subscription plans.