We built uirip because rebuilding UIs from scratch is one of the biggest time sinks in frontend development.
The problem
Consider how many times you’ve needed to:
- Migrate a marketing site from one framework to another
- Recreate a competitor’s layout for a pitch or prototype
- Rebuild an internal tool that only exists as a running application
- Extract design tokens from a live product
Each of these tasks involves the same tedious loop: open DevTools, inspect elements, copy styles, write markup, repeat. It’s mechanical work that doesn’t require creativity — just patience.
Our approach
Instead of building another AI that guesses code from screenshots, we built a pipeline that works with the real DOM. Each stage does one thing well:
- websnap captures everything — not just pixels, but the full DOM tree, computed styles, and assets
- webprobe runs inside the browser to extract what DevTools shows you, but programmatically
- webast analyzes the captured data to identify component boundaries and relationships
- web2next generates idiomatic Next.js code with proper design tokens
- webdiff closes the loop by visually comparing output against the original
What’s next
We’re focused on improving component detection accuracy and expanding framework support beyond Next.js. Follow along on GitHub.