🎯
Code-aware scoring
We inspect the pasted HTML structure directly rather than guessing from captions, comparing layout depth, CTA count, and copy weight.
Labs · beta
Find Your Perfect
Design Match
Paste your HTML, JSX, or TSX code and discover the closest matching designs from our 700+ AI-generated UI collection. Analyze structure, colors, and patterns instantly.
Paste & Compare
Get tailored UI references based on your live code
Paste HTML or React markup and we'll analyze layout depth, palette, and CTA density across 700+ AI concepts to return the closest matches.
Section depth
📐—
layout blocks
Action density
🎯—
buttons/links
Copy weight
📝—
text length
Media elements
🖼️—
images/svg
Semantic score
✅—
html quality
Layout pattern
🏗️—
structure type
🎨
Palette
Waiting for palette...
Complexity
⚙️—
code density
Recommendations
Personalized matches
🔍
No matches yet.
Paste your markup and press “Get matches” to see recommendations.
🎨
Palette matching
HEX palettes are extracted automatically so you see shots with similar tones and can stay close to your brand guidelines.
⚡
Instant handoff
Each recommendation links straight to a detail page where you can copy HTML, React code, and color regions without extra tooling.