Reverse-engineer any site's design system
tokens, CSS, React-ready snapshots.
What you get
Structured, exportable, AI-ready.
Colors
Every hex / rgb / oklch value used across the site, sorted by frequency.
Fonts
Font families with usage counts. Live-rendered preview at scale.
Font sizes & radii
Detected typography and border-radius scales.
Full-page screenshot
PNG of the rendered viewport, retina-quality.
Every CSS file
Downloaded with @import resolution, plus a merged.css bundle.
MHTML offline archive
Open in Chrome — pixel-perfect replica including web fonts.
Common questions
Can I legally clone someone’s design?+
Treat extracted designs as research — for inspiration, structure analysis, or matching brand guidelines on your own assets. Direct pixel-perfect copying of copyrighted designs is not legal.
What do I actually get?+
Rendered HTML, every external stylesheet, all inline <style> blocks, an MHTML archive Chrome can open offline, a full-page screenshot, and an automatically-extracted design-token set (colors, fonts, font sizes, radii, shadows).
Does it generate React components?+
Not yet — that’s on the roadmap. Today we give you the raw materials any LLM (Claude, GPT, etc.) can transform into framework code.