CRX id
jmdmoafjodgoahkdnchahnhfjjodhnef
jmdmoafjodgoahkdnchahnhfjjodhnef
Description from extension meta
Extract design tokens from any website
Image from store
Description from store
🎨 Components.lol is a powerful design token analysis tool that helps developers and designers understand and replicate web design patterns. With just one click, you can extract complete design tokens and UI components from any website.
Key Features:
✨ Color System Analysis
• Extract complete color palettes from any webpage
• Detect gradients and color relationships
• Export colors in multiple formats
📝 Typography Scanner
• Analyze font families and weights
• Map text hierarchies and styles
• Catalog font sizes and line heights
🔲 Component Detection
• Capture button styles
• Extract spacing, color and padding values
🖼️ Asset Management
• Collect and organize UI and video assets
• Extract icons and SVGs
• Sort assets by type and size
⚡ Technical Features
• Built with modern Chrome Extension standards
• Fast, efficient page scanning
• Local processing - no data sent to servers
• Secure by design - respects privacy
Perfect for:
• Frontend Developers
• UI/UX Designers
• Design System Engineers
• Web Developers
• UI Researchers
Privacy & Security:
• All analysis happens locally on your device
• No data collection or tracking
• No account required
• Works offline
Getting Started:
1. Click the Component.lol icon in your toolbar
2. Select any website to analyze
3. Instantly view the complete token system
4. Export tokens and assets as needed
Support:
Need help or have suggestions? Visit our GitHub repository for support, feature requests, or to contribute to the project.
Made with ❤️ for the design community
Statistics
Installs
296
history
Category
Rating
5.0 (6 votes)
Last update / version
2025-05-03 / 0.0.0.2
Listing languages
en