Product Thumbnail

MiroMiro v2

Inspect, edit, and export any website's design

Chrome Extensions
Design Tools
Productivity
Developer Tools
Visit WebsiteSee on Product HuntChromeTwitter

Hunted bySoraiaSoraia

Inspect, edit, and export any website's design as clean code. Hover to see styles, click to edit colors, fonts, spacing, and shadows live like in Figma. Export sections as Tailwind or HTML/CSS. Capture the full design system: colors, fonts, spacing, radii, shadows, even the tech stack. Pull SVGs, Lottie animations, and images. Extract design tokens for Tailwind, CSS vars, or JSON. Check WCAG contrast on any text. Copy any value with one click. The fastest path from inspiration to working code.

Top comment

hey Product Hunt 👋 back with MiroMiro v2. last time it was an inspector, now it's a full design toolkit. what's new since the last launch: 🎨 live editor - click any element and edit colors, fonts, spacing, borders, shadows, opacity in real time. the page updates as you type. basically Figma's right panel, but on any website. 💻 export to code - select any section of a page and export it as Tailwind or HTML/CSS. the part i'm most excited about. takes the "i like how this site looks" => "working component in my editor" loop from 20 minutes to 20 seconds. 🎞️ automatic Lottie detection - MiroMiro now finds every Lottie animation on a page automatically and lists them for you. no more hunting for the file. just open the panel, see what's there, download what you want. ✨ overall UI overhaul - cleaner panels, better hierarchy, faster to find what you need. the old version worked, the new one feels good to use. still there: • hover to inspect, one-click copy on every CSS value • SVG and image downloads • design system overview (palette, fonts, spacing, shadows, tech stack) • design tokens export (Tailwind, CSS vars, JSON) • WCAG contrast checker • free for 3 days with full access, Pro for unlimited we're at 7,000+ installs now and this release is the biggest jump since launch. would love your feedback, especially on the export to code flow. what's missing for it to fit your workflow? miromiro.app

Comment highlights

Congrats on the launch!

I have seen Soraia build the product since the very beginning since she shares everything on X.

MiroMiro is one of the coolest projects from the Indiehacker community!

The “export + prompt” workflow is honestly the smartest part here. Giving AI tools a real visual reference instead of starting from scratch makes a huge difference.

Also love that you can tweak styles live on the page before exporting. Feels way faster than fighting with DevTools all day 😂

Congrats on the v2 launch 🚀

This looks seriously useful 👀

Curious about the export flow though, especially for Tailwind:

How well does it handle responsive layouts and reusable components? Like if I export a section from a complex landing page, does it mostly come out production-ready or does it still need a lot of cleanup after?


The “Figma inspector but on live websites” direction is super interesting 🔥


Also, good luck with the launch 🚀

the live editor basically turns the whole web into a playground. i love the idea of tweaking a live site's shadows and borders directly in the browser to see how it actually looks before jumping back into the codebase. congrats on the v2 ship...

About MiroMiro v2 on Product Hunt

Inspect, edit, and export any website's design

MiroMiro v2 launched on Product Hunt on May 11th, 2026 and earned 142 upvotes and 12 comments, placing #8 on the daily leaderboard. Inspect, edit, and export any website's design as clean code. Hover to see styles, click to edit colors, fonts, spacing, and shadows live like in Figma. Export sections as Tailwind or HTML/CSS. Capture the full design system: colors, fonts, spacing, radii, shadows, even the tech stack. Pull SVGs, Lottie animations, and images. Extract design tokens for Tailwind, CSS vars, or JSON. Check WCAG contrast on any text. Copy any value with one click. The fastest path from inspiration to working code.

MiroMiro v2 was featured in Chrome Extensions (52.6k followers), Design Tools (259.9k followers), Productivity (651.3k followers) and Developer Tools (512.1k followers) on Product Hunt. Together, these topics include over 248.5k products, making this a competitive space to launch in.

Who hunted MiroMiro v2?

MiroMiro v2 was hunted by Soraia. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.

Want to see how MiroMiro v2 stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.