Inspiziere jede Website. Kopiere das CSS.
Fahre über ein Element, um sein CSS, seine Schriftarten und Farben zu sehen. Wähle ganze Bereiche aus - Hero-Blöcke, Navbars, Preistabellen - und kopiere sie als sauberes HTML & CSS. Eine schnellere Alternative zu DevTools.
Kostenlos starten. Keine Kreditkarte nötig.
20.000+
Entwickler & Designer
4.5
Mit 4.5 bewertet im Chrome Web Store & auf Product Hunt
Inspizieren. Kopieren. Extrahieren.
Alles, wofür du sonst DevTools öffnest - und ein paar Dinge, die DevTools nicht kann - mit einem Klick.
Live-Inspektor
Styles live auf der Seite bearbeiten
Hover über ein Element, um seine Styles zu sehen, passe Werte direkt auf der Live-Seite an und kopiere das exakte CSS oder Tailwind.
- ✓ Schriftart, Farbe, Abstände & Schatten beim Hovern
- ✓ Werte direkt auf der Live-Seite anpassen
- ✓ Exaktes CSS oder Tailwind mit einem Klick kopieren
Jeden Abschnitt klonen
Ganze Abschnitte als sauberen Code kopieren
Wähle einen Hero, eine Navbar, eine Preistabelle oder einen Footer - oder die ganze Seite - und exportiere produktionsreifen Code - kein Nachbauen nach Screenshot, keine Wrapper-Suppe.
- ✓ Tailwind, React, Vue oder HTML + CSS - du hast die Wahl
- ✓ Vorschau auf Handy, Tablet und Desktop, bevor du kopierst
- ✓ Sauberer Kontext für Cursor, Claude und v0
Asset-Extraktor
Jedes Bild & Video extrahieren
Finde jedes Bild, Video und SVG auf der Seite, auch die im CSS versteckten, und speichere sie in Originalqualität.
Mehr erfahren
Design-System-Extraktor
Design Tokens exportieren
Hol dir jede Farbe, jeden Verlauf, jede Schriftart und jeden Abstands-Token in einem Durchgang - als CSS-Variablen oder Tailwind-Config.
Mehr erfahren
Lottie-Downloader
Lottie-Animationen herunterladen
Finde, prüfe und speichere jedes Lottie auf einer Seite, mit intaktem JSON und bereit für dein Projekt.
Mehr erfahrenDevTools vs. MiroMiro
Dieselben Inspektionen wie jeden Tag, nur ohne angedocktes Panel.
| Aufgabe | Der alte Weg | MiroMiro |
|---|---|---|
| CSS eines Elements kopieren | DevTools öffnen, Styles-Panel durchsuchen | Hovern → alle Styles kopieren |
| Alle Farben einer Seite finden | Jede Farbe einzeln mit der Pipette | Ganze Palette, ein Klick |
| Exakte Schriftart + Größe finden | Inspizieren → zu font-family scrollen | Hovern → Schriftart, Größe, Stärke sichtbar |
| SVGs & Bilder herunterladen | Rechtsklick-Speichern, im Quelltext wühlen | Alle Assets sehen, jedes herunterladen |
| Einen ganzen Hero-Abschnitt kopieren | Screenshot + von Hand nachbauen | Abschnitt wählen → HTML & CSS kopieren |
| Design Tokens exportieren | Manuelle Liste aus CSS-Variablen | Tailwind-Config mit einem Klick |
Du vergleichst Website-Inspektoren? Sieh dir MiroMiro als CSS-Peeper-Alternative, CSS-Scan-Alternative oder Hoverify-Alternative an.
Warum Entwickler es angepinnt lassen
“It saves a ton of time when inspecting websites. No more digging through devtools to find colors, fonts, spacing, assets, etc. Everything is just there instantly.”
Naivaidya Yadav
Frontend-Entwickler“This product is super cool, nifty, and thoughtfully designed. It’s visually tasteful while also being seamless in its absorption into my workflow…”
Lake Cam
Bewertung auf Product Hunt“If you’ve been frustrated with the inability of AI to give you truly usable web page code (and we ALL are!), then you are going to love this… This feature alone is worth MANY times the price of this product.”
Verifizierter Käufer
Bewertung auf AppSumo“Full page screenshots are just not great. So I tried this with high hopes on one of my pages and it extracted the FULL HTML file with screenshots. Absolutely amazing.”
Zac H.
Bewertung auf AppSumo“Really impressed by MiroMiro. The product feels thoughtfully designed, polished, and focused on solving a real problem instead of adding unnecessary complexity.”
Miguel Parente
ArtMathCodeEinmal zahlen, für immer klonen
Kostenlos starten. Upgraden, wenn es sich lohnt.
Free
Jede Website inspizieren, für immer kostenlos.
Kostenlos installieren. Keine Kreditkarte nötig.
Enthalten
- Unbegrenzte Inspektion von CSS, Schriftarten & Farben
- Styles live auf jeder Seite bearbeiten
- CSS & Tailwind kopieren
- Downloads & Exporte mit Kontingent
Alles aus Monatlich, plus
- Nie wieder zahlen, alle Updates inklusive
- 2.000 Asset-Downloads / Monat
- Unbegrenzte Design-System-Exporte
- Unbegrenzter Export als Code
- Bevorzugter VIP-Support
- 5 GB Bibliotheksspeicher
30 Tage Geld-zurück. Hat sich nach etwa 9 Monaten bezahlt gemacht.
Monatlich
Für den Fall, dass du noch unsicher bist.
Oder €72 im Jahr.Jederzeit kündbar, Gespeichertes bleibt dir.
Enthalten
- 2.000 Asset-Downloads/Monat
- Unbegrenzte Lottie- & Design-System-Exporte
- Unbegrenzte Token-Extraktion von Websites
- Unbegrenzte Code-Exporte
- 5 GB Bibliotheksspeicher
- Bevorzugter Support
Den Endpreis zahlst du an der Kasse in deiner Landeswährung.
Verfügbar für
Comet Häufige Fragen
Alles, was du über das Inspizieren und Kopieren von CSS von jeder Website mit MiroMiro wissen musst.
Kontaktiere uns →Ein Website-Inspektor zeigt, wie eine Live-Seite gebaut ist: das CSS, die Schriftarten, Farben, Abstände und Assets hinter dem, was du siehst. Jeder Browser bringt einen mit, die DevTools. MiroMiro ist ein Website-Inspektor mit einem Klick: Hover über ein Element, um seine Styles zu sehen, und kopiere sie, oder einen ganzen Abschnitt, als sauberen Code.
Ja. MiroMiro läuft als Chrome-Erweiterung direkt auf der Live-Seite, du öffnest also nie die DevTools: hovern zum Inspizieren, klicken zum Kopieren. Es ist eine Erweiterung und keine Seite, auf der du eine URL einfügst, weil berechnetes CSS nur im Browser ausgelesen werden kann, der die Seite rendert. Für einen schnellen Blick ganz ohne Installation holen die kostenlosen Online-Tools auf dieser Website Farben, Schriftarten, Bilder und SVGs einer Seite aus einer URL.
DevTools zeigen dir das komplette Styles-Panel - du musst scrollen, Kaskaden aufklappen und CSS Regel für Regel kopieren. Mit MiroMiro hoverst du über ein Element und kopierst sein gesamtes berechnetes CSS mit einem Klick, dazu extrahierst du ganze Abschnitte, lädst SVGs herunter und exportierst Design Tokens. Es ist zum Inspizieren und Wiederverwenden gebaut, nicht zum Debuggen.
Ja. Hover über ein Element auf einer öffentlichen Website - MiroMiro zeigt seine CSS-Eigenschaften (Schriftart, Farbe, Abstände, Border-Radius, Schatten) und du kopierst sie mit einem Klick. Keine Einschränkungen durch Paywalls oder Frameworks.
Ja. Wähle einen Abschnitt - Hero-Block, Navbar, Preistabelle, Footer, Karten-Grid - und MiroMiro exportiert ihn als sauberes, produktionsreifes HTML & CSS. Kein Nachbauen nach Screenshot.
Ja. MiroMiro liest das gerenderte DOM, funktioniert also unabhängig vom Framework - React, Next.js, Vue, Nuxt, Angular, Svelte, WordPress, Webflow, Framer oder reines HTML. Was der Browser rendert, kann MiroMiro inspizieren und kopieren.
Der Seitenquelltext liefert dir den kompletten Quellcode mit gebündeltem Framework-Code und minifiziertem CSS - gut zum Debuggen, nutzlos zum Wiederverwenden. MiroMiro extrahiert nur das Element oder den Abschnitt, den du auswählst, mit sauberem, schlankem Code, den du direkt in dein Projekt einfügen kannst.
Ja. Der Design-Token-Extraktor holt jede Farbe, Schriftart, jeden Abstand, Border-Radius und Schatten von einer Live-Website und exportiert sie als tailwind.config.js, CSS Custom Properties oder Figma-fertige Werte.
Ja. Der Inspect-Modus (hovern, um CSS, Schriftarten und Farben zu sehen) und Bild- und SVG-Downloads (50 pro Monat) sind kostenlos. CSS und Tailwind kopieren und Abschnitte als Code exportieren sind Teil der 3-tägigen kostenlosen Testphase, danach Pro (€9/Monat) oder Lifetime.
CSS, Layouts und Designmuster zu studieren ist gängige Praxis - genau wie der Seitenquelltext. MiroMiro ist ein Lern- und Produktivitätstool. Beachte immer das Urheberrecht, wenn du Assets, Schriftarten oder komplette Designs kommerziell nutzt.
Inspiziere deine nächste Referenz-Website mit einem Klick
Hover über ein Element, kopiere sein CSS, extrahiere ganze Abschnitte. Kostenlos installieren.
Zu Chrome hinzufügen - kostenlosKostenlos starten. Keine Kreditkarte nötig.