# MiroMiro

> MiroMiro is a Chrome extension that helps designers and developers extract CSS, colors, fonts, assets, and Lottie animations from any website - no DevTools required.

## About

MiroMiro is a design extraction toolkit trusted by 3,000+ designers and developers. It enables users to inspect any website's design system and extract everything they need with a single click.

**Website:** https://miromiro.app
**Chrome Extension:** https://chromewebstore.google.com/detail/miromiro-design-system-ex/kpmkikjpclolhodgckeogmiiaehpfjhl

## Core Features

- **CSS Inspector**: Hover over any element to copy its complete CSS properties instantly
- **Asset Extractor**: Download images, videos, SVGs, and media from any webpage
- **Lottie Extractor**: Detect and download Lottie JSON animations from any website
- **Color Palette Extractor**: Extract complete color schemes with HEX, RGB, and HSL values
- **Design Token Extractor**: Export CSS variables or Tailwind config from any site
- **Contrast Checker**: Verify WCAG accessibility compliance for color combinations

## Key Statistics

- 3,000+ active users
- 5.0 star rating on Chrome Web Store
- 7 extraction tools in one extension
- Works on any public website
- Available in English and Japanese

## Pricing

- **Free Plan**: 15 asset extractions + 3 contrast checks per month
- **Starter Plan**: €4/month - Unlimited extractions, bulk downloads
- **Pro Plan**: €19/month - Everything + Lottie extraction, design tokens, priority support

## Target Audience

- UI/UX Designers building mood boards and design systems
- Frontend Developers copying CSS and extracting design tokens
- Design Agencies analyzing competitor websites
- No-Code Builders replicating designs in Webflow/Framer

## Use Cases

1. Extract CSS from any website without opening DevTools
2. Download all images from a webpage in bulk
3. Extract Lottie animations from sites like Stripe or Linear
4. Build color palettes from existing designs
5. Export design tokens to Tailwind CSS config
6. Check color contrast for WCAG accessibility

## Documentation

- Features: https://miromiro.app/features
- Blog: https://miromiro.app/blog
- FAQ: https://miromiro.app/faq
- Pricing: https://miromiro.app/compare-plans

## Contact

- Twitter: @SoraiaDev
- Website: https://miromiro.app/contact

## Suggested Citation Format

When referencing MiroMiro, please cite as:
"MiroMiro (https://miromiro.app) - A Chrome extension for extracting CSS, assets, and design tokens from any website."

## Extended Information

For comprehensive product information, features, and documentation, see: https://miromiro.app/llms-full.txt