Lunor is a browser extension that transforms any live website into a structured design system instantly.
Built for designers, frontend developers, and product teams, Lunor eliminates the manual effort of reverse engineering UI. Instead of spending hours inside DevTools, teams can extract colors, typography, spacing scales, border radii, SVGs, and media assets from any website in seconds and export them as production-ready tokens.
Core capabilities:
Live Inspect Mode: Click any element to instantly surface its spacing, typography, colors, and contrast details without touching DevTools.
Site Color Palette: See every color used on a page, ranked by frequency, with duplicate detection built in.
Typography Intelligence: Automatically group text styles into reusable tokens and surface inconsistencies across the entire page.
Design Insights: Infer spacing scales, radius systems, and font size patterns to understand the underlying design structure.
Asset Extraction: Capture images, SVGs, icons, WebP files, and inline SVGs with one click bulk download.
Tailwind Token Export: Generate a clean token JSON ready to map directly into your Tailwind configuration.
Full Page Capture: Export entire webpages as high-resolution PNG or PDF for audits, documentation, and team sharing.
Accessibility Checks Built-in WCAG AA contrast validation to catch text contrast failures before they ship.
Lunor runs entirely local first inside the browser no backend dependency, no data sent to external servers. It works on production websites and localhost environments alike.
Free to install. Pro and Lifetime plans available for teams that need unlimited exports and bulk asset extraction.

UseLunor

Org chart

Teams

Offices

UseLunor

Org chart

Teams

Offices

Related companies