Item logo image for Peek - Extract color and text styles from any website

Peek - Extract color and text styles from any website

zibon.design
4.3(

9 ratings

)
ExtensionDeveloper Tools421 users
Item media 4 (screenshot) for Peek - Extract color and text styles from any website
Item video thumbnail
Item media 2 (screenshot) for Peek - Extract color and text styles from any website
Item media 3 (screenshot) for Peek - Extract color and text styles from any website
Item media 4 (screenshot) for Peek - Extract color and text styles from any website
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for Peek - Extract color and text styles from any website
Item media 3 (screenshot) for Peek - Extract color and text styles from any website
Item media 4 (screenshot) for 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 - 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.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" --- 🚀 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!

Details

  • Version
    0.7.6.0
  • Updated
    September 7, 2025
  • Size
    239KiB
  • Languages
    English
  • Developer
    https://zibon.design/
    Gulshan Badda Link Rd Dhaka 1212 BD
    Website
    Email
    zibon@duck.com
  • Non-trader
    This 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

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Google apps