hueprint-website-style-extractor
m-abdullah-awais
Read the design system behind any website. Hueprint is a Chrome and Edge extension that extracts every color, gradient, shadow, font, spacing step and CSS variable a page uses, infers what each one is for, grades contrast against WCAG, and exports the lot as JSON, CSS variables, SCSS, a Tailwind config or a standalone style guide.
Growth over time
2 data points · 2026-08-02 → 2026-08-20How do you feel about this project?
Ask AI about hueprint-website-style-extractor
Question copied to clipboardWhat is the m-abdullah-awais/hueprint-website-style-extractor GitHub project? Description: "Read the design system behind any website. Hueprint is a Chrome and Edge extension that extracts every color, gradient, shadow, font, spacing step and CSS variable a page uses, infers what each one is for, grades contrast against WCAG, and exports the lot as JSON, CSS variables, SCSS, a Tailwind config or a standalone style guide.". Written in JavaScript. Explain what it does, its main use cases, key features, and who would benefit from using it.
Question is copied to clipboard — paste it after the AI opens.
How to clone hueprint-website-style-extractor
Clone via HTTPS
Clone via SSH
Download ZIP
Download main.zipFound an issue?
Report bugs or request features on the hueprint-website-style-extractor issue tracker:
Open GitHub Issues