Designing {and building} products users fall in love with. Looking for my next opportunity

productHunt

dribbble

medium

github

Derrick Tsorme  • Peerlist

🎨 <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://chromewebstore.google.com/detail/jmdmoafjodgoahkdnchahnhfjjodhnef?utm_source=item-share-cb">Component.lol</a> 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 privacyPerfect for:• Frontend Developers• UI/UX Designers• Design System Engineers• Web Developers• UI ResearchersPrivacy &amp; Security:• All analysis happens locally on your device• No data collection or tracking• No account required• Works offlineMade with ❤️ for the design community