Introducing Lunor Chrome Extension

Inspect Any Website.
Extract Design System in Seconds.

Lunor is a Chrome extension that helps teams capture real UI foundations from live websites, including colors, typography,
spacing insights, media, SVGs, contrast issues, and production-ready exports.

Add to Chrome - It's Free Main Website

No credit card required. Runs locally in your browser ·
l Works on localhost

Lunor's design insights panel ranking a page's most repeated spacing values, from 16px at 23.3% down to 12px at 5.1%

Lunor's overview panel for stripe.com: page load time, spacing, radius and font base values, and counts of media, SVGs, colours and fonts

Lunor's export panel: the site palette and its most-used colour, the fonts detected on the page, full-page capture and Tailwind config export

Works in Chrome/Brave/Edge/Arc

Local-first scan

No code required

Design and development teams lose hours manually reverse
engineering UI systems. Lunor turns live websites into actionable design
intelligence so you can move faster with clarity and
confidence.

Insights to Impact

Key Features

Everything you need to analyze, extract, and implement design foundations.

Live Inspect Mode

Click any element and instantly see size, typography, color, and contrast details.

Design System Insights

Discover spacing scales, radius scales, and font scales used across the page.

Color & Typography

View complete color palettes and text styles with usage counts.

Media & SVG Export

Download assets in bulk and copy SVG or React-ready SVG code.

Tailwind Config Export

Generate a Tailwind theme config from real website tokens.

Contrast Issues Finder

Automatically surface WCAG contrast failures and jump directly to each issue.

Full Page Capture

Capture long, scrolling pages accurately and export them as high-resolution PNGs or searchable PDFs in a single click.

Built for speed, accuracy and the real world

Why Teams Choose Lunor

Lunor helps teams move faster with reliable extraction, local-first processing, and outputs ready for immediate design and development use.

Fast
Go from website to usable tokens in minutes.
Accurate
Built for practical, production-focused extraction.
Local-first
No backend dependency for core scanning workflows.
Actionable
Output is designed for immediate handoff.

The Lunor dashboard showing an active Pro plan and this month's export counts

The Lunor usage and limits screen, tracking assets downloaded and bulk exports against the plan allowance

The Lunor billing screen showing lifetime access active, with no renewal required

Work Smarter, Ship Faster

Perfect for any workflow

Lunor helps teams move faster with reliable extraction, local-first processing, and outputs ready
for immediate design and development use.

UI Audits Before Redesign Projects

UI Audits Before Redesign Projects

Evaluate existing interfaces to identify usability issues, inconsistencies, and opportunities before starting a redesign.

Competitive Design Analysis

Competitive Design Analysis

Break down how competitors build their interfaces, then compare their colour, type and spacing systems against your own.

Building Design Systems from Existing Products

Building Design Systems from Existing Products

Extract and organize UI elements into scalable design systems for consistency and faster development.

Accessibility Checks for Contrast Compliance

Accessibility Checks for Contrast Compliance

Ensure color contrast and visual elements meet accessibility standards for better readability and inclusivity.

Lunor is designed, built and maintained by the SyncScrum product team. Need a product of your own? See our SaaS development services.

Trusted by designers, frontend engineers, and product
teams to
accelerate audits, extraction, and
implementation.

Ready to inspect faster?

Install Lunor and turn any website into design
intelligence.

Get Lunor Extension