Drip

Design Token Inspector & Moodboard Collector — Brew your design palette.

Drip is a Chrome extension for designers and developers who want to extract design tokens — colors, typography, spacing, shadows — from any webpage, and collect them into a personal palette. ───────────────────────────────── ☕ Brew Your Design Palette ───────────────────────────────── Stop hunting through DevTools. Click Drip on any website and instantly see every color, font, and design element — organized, copyable, and ready for your next project. ───────────────────────────────── 🎨 What you can extract ───────────────────────────────── - Colors — HEX, RGB, HSL, OKLCH - Typography — font family, weight, size, line-height, letter-spacing - Spacing — paddings, margins, gaps used on the page - Border radius — consistent radius tokens - Shadows — box-shadow and text-shadow values - Assets — logos, icons, images (SVG & PNG) ───────────────────────────────── 📥 Export the way you work ───────────────────────────────── - CSS Variables - Tailwind config - SCSS - JSON (W3C Design Tokens format) - Figma-compatible palette - Plain text for quick copying ───────────────────────────────── 🗂️ Collect, don't just extract ───────────────────────────────── Unlike other extractors, Drip lets you save and organize your findings: - Personal moodboards per project - Tag and search across your collection - Build your own design library over time - No login required — everything stays on your device ───────────────────────────────── 🔒 Privacy first ───────────────────────────────── - All processing happens locally in your browser - Zero data collection, zero tracking - No account needed - Works offline after install ───────────────────────────────── 💡 Perfect for ───────────────────────────────── - UI/UX designers building design systems - Frontend developers picking precise CSS values - Design students learning from real-world examples - Anyone gathering visual inspiration from the web ───────────────────────────────── 🌱 Free forever ───────────────────────────────── Core features are free and always will be. No subscriptions, no paywalls on the essentials. Made with care by a developer. Feedback & feature requests: hello@typed.me