Component.lol

🎨 Component.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

Made with ❤️ for the design community