# Style Guide Generator

> Generate simple style guide from page's CSS.

Canonical page: [https://chrome-stats.com/d/style-guide-generator](https://chrome-stats.com/d/style-guide-generator)

## Overview

- **ID:** `style-guide-generator`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Firefox user 13276995
- **Category:** web-development,appearance,photos-music-videos
- **Daily users:** 41
- **Rating:** 4.00 / 5 (3 ratings)
- **Version:** 1.2resigned1
- **Last updated:** 2024-04-25
- **First published:** 2017-09-07
- **Size:** 385 KB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/style-guide-generator/)
- **Website:** [https://github.com/saintsebastian/sg-gen](https://github.com/saintsebastian/sg-gen)

## Description

Style Guide Generator is a Firefox add-on that collects and presents information on colors and typography from your website's CSS. With this add-on, you can quickly generate a simple style guide for your website.

## Rankings

- #17,868 — Overall
- #3 — guide
- #34 — style
- #51 — generator
- #102 — generative

## Permissions and access

### Permissions

- `activeTab`
- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions 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

- [Style Consistency Checker](https://chrome-stats.com/d/style-consistency-checker)
- [CSS Peeper](https://chrome-stats.com/d/css-peeper) — 536 users, 1.00 / 5
- [Color Palette Generator](https://chrome-stats.com/d/color-palette-generatorr) — 3 users
- [Style Scout](https://chrome-stats.com/d/stylescout) — 38 users, 4.75 / 5
- [Sort CSS](https://chrome-stats.com/d/sort-css)
- [CSS DNA — Inspect CSS & Extract Design Tokens](https://chrome-stats.com/d/css-dna) — 2 users
- [HTML & CSS Extractor - CSS Picker](https://chrome-stats.com/d/html-css-extractor-css-picker) — 70 users
- [CSS Color Code Viewer](https://chrome-stats.com/d/css-color-code-viewer) — 23 users
- [CSS Viewer](https://chrome-stats.com/d/css_viewer) — 20 users, 5.00 / 5
- [CSS Viewer](https://chrome-stats.com/d/css-viewer-style) — 1 users, 2.00 / 5
- [CSS Pully – Font & Color & Styles](https://chrome-stats.com/d/css-pully-font-color-styles) — 2 users, 5.00 / 5
- [Simple CSS Viewer](https://chrome-stats.com/d/browser-css-viewer)

---

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