# Woblo

> Copy any website's colors, fonts, icons and CSS in one click. Export a full design system to Tailwind, shadcn or your Al tool.

Canonical page: [https://chrome-stats.com/d/woblo](https://chrome-stats.com/d/woblo)

## Overview

- **ID:** `woblo`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Ravi
- **Category:** web-development
- **Daily users:** 63
- **Weekly downloads:** 20
- **Version:** 0.2.8
- **Last updated:** 2026-08-30
- **First published:** 2026-04-19
- **Size:** 11 MB
- **Data as of:** 2026-09-09
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/woblo/)
- **Website:** [https://woblo.in/support](https://woblo.in/support)
- **Privacy policy:** [https://addons.mozilla.org/firefox/addon/woblo/privacy/](https://addons.mozilla.org/firefox/addon/woblo/privacy/)

## Description

**Woblo** extracts a website’s complete design system in one click—no DevTools or manual asset hunting required. Capture color palettes, font families and weights, images, SVGs, icons, videos, Lottie animations, spacing, shadows, transitions, and the exact CSS behind any element.

Inspect elements with live WCAG contrast checking, preview hover and focus states, measure layouts with a ruler, and simulate pages across 30 device sizes. Copy styles as CSS, Tailwind, SCSS, JSX, or HTML, download assets individually or as a ZIP, and export full design systems to Tailwind v4, shadcn/ui, DTCG design tokens, Figma, Style Dictionary, Claude Code, Cursor, or other AI coding agents. Save websites, colors, fonts, and components in a searchable library. Woblo works in a side panel or floating window and supports keyboard shortcut **Ctrl+Shift+C** for fast inspection.

## Rankings

- #14,458 — Overall
- #40 — eyedropper
- #189 — component
- #216 — figma

## Permissions and access

### Permissions

- `downloads`
- `activeTab`
- `storage`
- `tabs`
- `identity`
- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension was recently updated in the past month. New updates may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [CSS DNA — Inspect CSS & Extract Design Tokens](https://chrome-stats.com/d/css-dna) — 2 users
- [MiroMiro](https://chrome-stats.com/d/miromiro) — 16 users
- [ColorPro — Picker, Palette & Contrast](https://chrome-stats.com/d/colorpro-picker) — 2 users
- [Color Wheel Tool](https://chrome-stats.com/d/color-wheel-tool) — 4 users
- [ChromaKit - Discover Every Color Behind Any Websit](https://chrome-stats.com/d/chromakit)
- [ColorLift](https://chrome-stats.com/d/colorlift)
- [Design Token Extractor](https://chrome-stats.com/d/design-token-extractor) — 1 users
- [DesignDNA](https://chrome-stats.com/d/designdna)
- [Web Wizard](https://chrome-stats.com/d/webwizard) — 10 users, 5.00 / 5
- [Design System & Theme Extractor by Visily](https://chrome-stats.com/d/design-system-extractor-visily) — 2 users
- [Color Palette Generator](https://chrome-stats.com/d/color-palette-generatorr) — 3 users
- [CSS to Tailwind — Instant Conversion](https://chrome-stats.com/d/css-to-tailwind-instant-conver)

---

Source: [Chrome-Stats](https://chrome-stats.com/d/woblo)