# MiroMiro

> Inspect any website's design: extract colors, fonts, spacing, SVGs, Lottie animations, and export to code. No DevTools needed.

Canonical page: [https://chrome-stats.com/d/miromiro](https://chrome-stats.com/d/miromiro)

## Overview

- **ID:** `miromiro`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Soraia
- **Category:** web-development,appearance
- **Daily users:** 16
- **Weekly downloads:** 3
- **Version:** 2.3.0
- **Last updated:** 2026-09-01
- **First published:** 2026-04-28
- **Size:** 1.05 MB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/miromiro/)
- **Website:** [https://miromiro.app/contact](https://miromiro.app/contact)
- **Privacy policy:** [https://addons.mozilla.org/firefox/addon/miromiro/privacy/](https://addons.mozilla.org/firefox/addon/miromiro/privacy/)

## Description

MiroMiro is the design toolkit for the web. Inspect any website,
extract its colors, fonts, components, and assets, edit styles live
like in Figma, and export clean code, all without opening DevTools.

What you can do:

• Inspect & edit live. Hover any element to see its styles. Click
  to open the Editor panel and change colors, fonts, spacing,
  borders, opacity, and shadows in real time. The page updates as
  you type.

• Click to copy any value. The Info tab shows every property of
  the selected element as a copyable chip. Grab a hex color, a
  font family, a shadow, a border-radius. One click, on your
  clipboard.

• Export to code. Select any section of a page and export it as
  clean Tailwind or HTML + CSS.

• Capture the design system. The Overview gives you the site's
  full color palette, font stack, spacing scale, radius style,
  shadow tier, and detected tech stack at a glance.

• Download assets. Pull images, SVGs, and Lottie animations
  directly from any website. No more right-click-save-as.

• Accessibility checker. Built-in WCAG contrast analysis on any
  text element you select.

Designed for designers, frontend developers, and anyone who learns
by taking apart the web.

Learn more at https://miromiro.app

## Rankings

- #27,570 — Overall
- #184 — component
- #203 — figma

## Permissions and access

### Permissions

- `scripting`
- `webRequest`
- `downloads`
- `storage`
- `tabs`
- `identity`
- `declarativeNetRequest`
- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension was recently updated in the past month. New updates may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Website Inspector](https://chrome-stats.com/d/website-inspector) — 6 users
- [CSS DNA — Inspect CSS & Extract Design Tokens](https://chrome-stats.com/d/css-dna) — 2 users
- [Gripper - DevTools for Designers](https://chrome-stats.com/d/gripper-devtools-for-designers) — 5 users
- [Peek - Design & Asset Toolkit](https://chrome-stats.com/d/peek-design-asset-toolkit) — 19 users
- [Hoverify: All-in-one extension for web developers](https://chrome-stats.com/d/hoverify) — 494 users, 3.68 / 5
- [onHover — Developer Toolkit](https://chrome-stats.com/d/onhover-developer-toolkit) — 2 users
- [BrowserLens](https://chrome-stats.com/d/browserlens) — 9 users
- [Ruler Grid](https://chrome-stats.com/d/ruler-grid) — 40 users
- [ColorLift](https://chrome-stats.com/d/colorlift)
- [VisBug](https://chrome-stats.com/d/visbug) — 2,291 users, 5.00 / 5
- [FontSpy](https://chrome-stats.com/d/fontspy) — 7 users, 5.00 / 5
- [Web Design Ruler](https://chrome-stats.com/d/web-design-ruler) — 54 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/miromiro)