StylePeek — Design Style Inspector
Extension Actions
- Extension status: In-App Purchases
Bekijk direct lettertypen, kleuren en afstanden op elke website. Zijpaneel blijft open. Geen DOM-vervuiling, kopiëren met één klik
Bekijk direct lettertypen, kleuren en afstanden op elke website — zonder DevTools te openen.
StylePeek is een design-inspector gebouwd voor snelheid. Open het zijpaneel, klik op een element en zie de stijlen meteen. Geen pagina-herlading, geen DOM-vervuiling, geen gedoe.
HOE HET WERKT:
1. Klik op het StylePeek-icoon om het zijpaneel te openen
2. Klik op "Inspectie starten" en selecteer een element op de pagina
3. Bekijk typografie, kleuren en afstanden direct in het zijpaneel
4. Kopieer elke waarde met één klik
Het zijpaneel blijft open terwijl je browst — inspecteer elementen op verschillende pagina's en tabbladen zonder het opnieuw te openen.
GRATIS FUNCTIES:
- Inspecteer lettertypefamilie, grootte, dikte en regelhoogte
- Extraheer kleuren (hex, RGB, HSL) met voorbeeldstalen
- Meet marges en padding met een visueel box-model
- Kopieer elke geïnspecteerde waarde met één klik
- Werkt op elke website
PRO-FUNCTIES:
- Exporteer stijlen als Tailwind CSS-klassen
- Exporteer als CSS custom properties of JSON design tokens
- Extraheer kleuren uit afbeeldingen
- Volledige pagina-designanalyse en stijloverzicht
PRIVACY:
- Alle inspectie draait lokaal in je browser — er worden geen gegevens naar een server gestuurd
- Geen DOM-injectie — geïnspecteerde pagina's blijven volledig schoon
- Geen account nodig voor gratis functies
WAAROM HOSTRECHTEN:
StylePeek heeft toegang tot webpagina's nodig om CSS-stijlen te lezen van de elementen waarop je klikt. Dit is vereist om het zijpaneel over tabbladen heen te laten werken. Er wordt geen pagina-inhoud verzameld, opgeslagen of verzonden.
Ideaal voor webdesigners die referentiesites bekijken, frontend-ontwikkelaars die layouts debuggen en design system-teams die consistentie controleren.