Peek - Design & Asset Toolkit

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

🎨 Instantly Extract Design Tokens, Styles, and Assets from Any Website Peek is the ultimate all-in-one inspector tool for UI/UX designers and frontend developers. With a single click, you can extract a complete design system—including colors, gradients, typography, and assets—from any website. Say goodbye to manual inspection and hello to a streamlined workflow. Export production-ready code in CSS, SCSS, Tailwind CSS, JSON, SVG, and more. --- ✨ Key Features 🖼️ NEW: Complete Asset Extraction - Instantly find and analyze all images, SVGs, and other assets on a page. - Filter, scale, copy, and download assets with one click. 🎨 Smart Color & Gradient Detection - Automatically extracts the entire color palette, including solid colors and gradients. - Supports HEX, RGB, HSL, and modern formats like OKLCH. - Copies or downloads in developer-ready formats: CSS, SCSS, Tailwind CSS, JSON, and SVG. 📝 Advanced Typography Analysis - Instantly identify font families, sizes, weights, and line heights. - Visualize the site's type scale and typographic hierarchy. - Live Font Previews: See fonts rendered exactly as they appear on the site. - Intelligent Script Detection: Peek automatically detects the language (e.g., Arabic, Japanese, Cyrillic) and shows font previews in the appropriate script. 🚀 Lightning-Fast & Developer Friendly - Get instant style and asset data with no page reloads or performance impact. - Copy styles directly to your clipboard or download files. - Export clean, production-ready code. 🎯 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 🚀 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 - Reverse-engineer a website's design system. - Build a palette from an inspiring site. - Analyze competitor typography and branding. - Create consistent brand guidelines. - Prototype faster with real-world design tokens. 🎨 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 and asset extraction! ---- 🚀 v 0.8.2.9 Release Highlights (20 Oct 2025) ✨ 3 MAJOR NEW FEATURES: - Assets Extraction: You can now analyze, filter, copy, and download all assets from a website. - Gradient Detection: Peek now extracts and displays gradient colors alongside solid colors. - Multi-Script Font Previews: Peek intelligently identifies the language on a page (e.g., Japanese, Arabic, Cyrillic) and displays font previews in the correct script. 🐞 Bug Fixes: - Fixed an issue with HEX to OKLCH color conversion to ensure perceptual consistency. - Plus, many other small bug fixes and performance improvements. --- 🚀 v 0.7.6.0 Release Highlights (7 Sep 2025) ✨ New Features: - Brand New Color & Text Modals: Peek now has a redesigned new UI for color and text details modals. And… see that little camera icon in the text modal? Give it a try? ;) - Cleaner Font Names: Peek now automatically cleans up font names for better readability! - Technical variants like Inter-var and Sohne-var are now displayed as Inter Variable and Sohne Variable - much cleaner and easier to understand! - Better Font Previews: Peek's font preview feature is still in Beta, but it is a lot better now. - Color Previews in Copy & Download Pages (for HEX only, more later) - And many more small improvements! 🐞 Bug Fixes: - The consent modal was appearing every time you opened Peek after clicking "Maybe Later." We've fixed this! Now it only shows: - - On first install -- After your 10th and 50th style extractions (if you initially declined) -- Never again if you check "Never ask again" --- ENJOY! https://trypeek.app