Drip

About

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: [email protected]