Peek - Extract color and text styles from any website
Overview
Extract colors and typography from websites and generate CSS, SCSS, Tailwind, and other formats
🎨 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!
3.8 out of 58 ratings
Details
- Version0.7.0.0
- UpdatedAugust 24, 2025
- Size194KiB
- LanguagesEnglish
- Developer
- Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, please open this page on your desktop browser