Miromiro

Inspect any website's design without opening DevTools.

MiroMiro is a CSS inspector and design tool that lets you extract colors, fonts, spacing, images, and code from any website. Hover over any element, see its CSS properties, and copy what you need with one click.

Features:
- CSS inspector: hover over any element to see computed styles, spacing, and layout
- Color picker and palette extractor: grab every color on a page in HEX, RGB, HSL, or OKLCH
- Font detector: identify font families, sizes, weights, and line heights
- Image and SVG downloader: save images, SVGs, videos, and Lottie animations
- Code exporter: export any component as clean HTML, CSS, or Tailwind
- Design token generator: extract tokens for Tailwind, CSS variables, or JSON
- Contrast checker: test color pairs against WCAG 2.0 accessibility standards

Who uses MiroMiro:
Web designers collecting color palettes, font combinations, and visual references
Frontend developers grabbing CSS values, inspecting layouts, and extracting assets
UX designers checking accessibility and color contrast across pages
Agencies analyzing competitor websites and gathering client brand assets

How it works:
Open MiroMiro from the Chrome side panel and browse any website. Colors, fonts, images, and assets are extracted automatically. Click any element to see its full CSS breakdown. Copy or download anything with one click.

No DevTools needed. Just hover, click, and copy.

Free to use with core features. Upgrade to Pro for bulk exports, full page accessibility scans, and unlimited extractions.

Learn more at miromiro.app