Item logo image for Drip

Drip

Item media 3 (screenshot) for Drip
Item media 1 (screenshot) for Drip
Item media 2 (screenshot) for Drip
Item media 3 (screenshot) for Drip
Item media 1 (screenshot) for Drip
Item media 1 (screenshot) for Drip
Item media 2 (screenshot) for Drip
Item media 3 (screenshot) for Drip

Overview

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

Details

  • Version
    0.0.1
  • Updated
    April 19, 2026
  • Offered by
    Wonseok Jang
  • Size
    45.91KiB
  • Languages
    2 languages
  • Developer
    Email
    hello@typed.me
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Drip has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Drip handles the following:

Web history
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Text Constructor

0.0

Конструктор текста с настраиваемыми блоками, чек-листом и заметками

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Website CSS and Style Extractor

5.0

Inspect the design system of any webpage and export its style tokens for reuse in your own projects.

DevTools Suite

5.0

A collection of useful tools for developers and designers.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

DesignPicker - Color Picker & Font Detector

5.0

A smart developer tool that supports color picking and font detecting, making develop design easier.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Claude Themes

5.0

Reskin claude.ai with 6 retro palettes. Assign a color to each project — tab-glance your way between them.

MD3: Material Design 3 New Tab

5.0

A minimalist New Tab page engineered around Material Design 3 Expressive.

Hexly — Color Picker, Font Inspector & CSS Extractor

5.0

Inspect any website's colors, fonts, CSS & images instantly. Copy as CSS or Tailwind. Built for designers and devs.

Text Constructor

0.0

Конструктор текста с настраиваемыми блоками, чек-листом и заметками

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Website CSS and Style Extractor

5.0

Inspect the design system of any webpage and export its style tokens for reuse in your own projects.

DevTools Suite

5.0

A collection of useful tools for developers and designers.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

DesignPicker - Color Picker & Font Detector

5.0

A smart developer tool that supports color picking and font detecting, making develop design easier.

Google apps