Khurram R

Lunor - Instant design system extraction In a single click

by
Inspect any website and instantly extract its full design system. Lunor goes beyond DevTools capture colors, fonts, images, SVGs, and layout styles in one place. Run contrast checks, export assets, and generate Tailwind configs all from a single click. Built for developers and designers who want to analyze, reuse, and ship faster.

Add a comment

Replies

Best
Khurram R
Maker
📌
Hey everyone! I built Lunor because I kept running into the same frustrating workflow while building products. Every time I wanted to understand a website’s design, I had to: • dig through DevTools for fonts and colors • manually copy values • export assets one by one • check accessibility separately It felt slow, fragmented, and honestly… outdated. DevTools is powerful, but it’s not designed for quickly extracting a design system. So I started building Lunor a tool that lets you inspect any website and instantly get everything in one place: • colors, fonts, images, SVGs • layout + element styles • contrast checks • full-page capture • export to Tailwind configs The goal wasn’t just to “copy UI”, but to go from live website → structured, reusable system Would really love your feedback • What part of your workflow feels the most painful today? • What would make a tool like this a no-brainer for you? Thanks for checking it out!