Description from extension meta
Extract colors and typography from websites and generate CSS, SCSS, Tailwind, and other formats
Image from store
Description from store
🎨 Extract Design Tokens from Any Website
Extract colors and typography from any website, Copy/Download production-ready code in CSS, SCSS, TailwindCSS, SVG, JSON, and Plain Text.
🔍 Smart Color Detection
- Extract complete color palettes with HEX, RGB, HSL, OKLCH, and named color support
- Identify all colors automatically
- Copy or Download in CSS, SCSS, TailwindCSS, JSON, SVG, and Plain Text
📝 Typography Analysis
- Analyze font families, sizes, weights, and line heights
- View consistent type scales and hierarchies
- Extract typography spacing and layout patterns
- - Copy or Download in CSS, SCSS, TailwindCSS, JSON, and Plain Text
⚡ Lightning Fast Performance
- Instant style detection and extraction
- No page reloads or performance impact
- Works seamlessly across all modern websites
🛠️ Developer Friendly
- Export to CSS, SCSS, JSON, and SVG formats
- Copy styles directly to the clipboard
🎯 Perfect For
- UI/UX Designers creating design systems
- Frontend Developers building component libraries
- Design Teams maintaining brand consistency
- Students learning web design principles
🔒 Privacy First
- All processing happens locally on your device
- No data sent to external servers
- Respects your privacy and website content
✨ Key Features
- Color palette extraction with multiple formats
- Typography analysis and type scale generation
- Spacing and layout pattern detection
- One-click style copying and export
🚀 Get Started in Seconds
1. Install the Peek extension
2. Navigate to any website
3. Click the Peek icon
4. Extract styles instantly
💡 Use Cases
- Building design systems from inspiration
- Analyzing competitor websites
- Learning modern web design patterns
- Creating consistent brand guidelines
- Prototyping with real-world examples
🎨 Supported Formats
CSS, SCSS, JSON, SVG, and more
Compatible with all major design tools
Ready for production use
Install Peek today and unlock the power of intelligent style extraction!
---
🚀 v 0.7.0.0 Release Highlights (24 Aug 2025)
✨ New Features:
- Font Preview (Beta): Peek can now show Font Previews in the Type tab. So the font names will now look like how they look on the websites! (This is beta, may not work perfectly)
- What You See Is What You Get: Peek now has a unified system for Preview, Copy, and Download. So what you see in the Preview is exactly what you get when you Copy or Download!
Bug Fixes:
🐞 Critical Bug Fixes - fixed type filtering, copy, and download issues
---
🚀 v0.6.2.2 Release Highlights (23 Aug 2025)
✨ Enhanced Smart Typography Filtering
📋 Copy Paste & Download Improvements
🎨 Enhanced UI Components
⚡ Performance Improvements
🔧 Better User Experience, including color format compatibility alert
🐞 Some Bug Fixes
✨ New Feature: Tailwind CSS Export
- Added Tailwind CSS format to export options (CSS, SCSS, JSON, SVG, etc.)
- Out-of-the-box compatibility with Tailwind CSS projects
- Seamless integration - copied/downloaded styles work immediately with Tailwind
📋 What You Get
- CSS, SCSS, JSON, Plain Text, SVG, Figma SVG (existing formats)
- Tailwind CSS (NEW!) - generates proper Tailwind config format
- Enhanced color naming with improved reliability
- Better performance and error handling
ENJOY!
Latest reviews
- (2025-08-26) Rakibul: Working very friendly.
- (2025-08-19) Musharaf Hossain: Not working
- (2025-08-19) Rejown Ahmed: This shows same colors and fonts multiple times. Instead it should show a color and a font only once. Fix this and I will put 5 star ingshaAllah
- (2025-08-19) Nasimul Noyon Ontor: What a Gem! Smooth, Beautiful, Easy to Use! Thank you Zibon Vai!!!
- (2025-08-19) Shoun Eftikharul Alam: A must-have extension for designers and developers, perfect for everyday use. Lightweight, minimal, and clean UI.