Alternatives

Products that do what Chrome extension that extracts styles and generates DESIGN.md files does

1. 1SE
   StyleURL – Edit CSS via Chrome Devtools and turn the diff into a gist▲94

   2018 · styleurl.app

2. 2
   aesthetic▲155

   Make your Notion pop

   2024

3. 3GH
   Generate high-res images of code samples with Chrome Headless▲93

   2017 · github.com

4. 4DA
   Download and inline Google web fonts from the command-line▲64

   2014 · github.com

5. 5PA
   Polished – A lightweight toolset for writing styles in JavaScript▲106

   2017 · github.com

6. 6PA
   Patternify, a CSS Pattern Generator▲74

   2011 · patternify.com

7. 7CC
   Create Chrome Extensions for internal use▲47

   2021 · extension.dev

8. 8AC
   A Chrome extension that extracts used CSS and combines it into one file▲40

   just wanted to share this useful tool with you. I have been looking at something like this for a very long time. https://chrome.google.com/webstore/detail/css-used/cdopjfddj... what it does: it analyses your html dom and looks for css classes. Then it extracts it all and combines it into 1 single css file. I used 5 css framworks which was on 340kb kb. This tool made it 36kb!

   2018

9. 9CD
   Chrome DevTools Extension Inspect into CSS Gradients▲6

   2014 · github.com

10. 10DK
    Dev Kit for Chrome Extensions▲5

    2020 · chromeextensionkit.com

11. 11WI
    Written in Elm: Notes Extension for Chrome▲5

    2016 · github.com

12. 12EC
    ExtensionKit – Chrome Extension Development Kit▲7

    2023 · extensionkit.io

13. 13CE
    Chrome extension for first paint time,time consuming requests,page stats▲6

    2016 · github.com

14. 14FD
    Finch Developer Tools – Save and Sync Chrome DevTools Styles▲13

    2017 · finch.io

15. 15AU
    A UX principle in every new tab via a Chrome extension▲10

    2020 · chrome.google.com

16. 16ET
    Extension that turns Chrome into a theremin▲9

    2015 · chrome.google.com

17. 17CS
    Chrome-style Tabs in HTML/CSS/ES6▲6

    2016 · adamschwartz.co

18. 18LN
    Leoh – New Tab Chrome extension with a clean and minimalistic design▲12

    2015 · leoh.io

19. 19CG
    CSS Generator Tool – Handy CSS Generation and Demonstration▲7

    2017 · cssgenerator.org

20. 20AC
    A CSS file that reshapes the web▲14

    2020 · github.com

21. 21CY
    Create your own Chrome Extensions (with basic JavaScript skills)▲14

    2021 · chrome.google.com

22. 22MB
    Minimal browser extension template for Chrome and Firefox▲5

    2024 · github.com

23. 23BE
    Browser extension to visually edit CSS and sync edits with code editor▲10

    2020 · devsync.co

24. 24LA
    Leaf, a notepad chrome extension. My first public project!▲11

    2017 · chrome.google.com

Ranked by how close each launch is in meaning, then by votes. Refine with a description →