Open-source projects tagged “design-system”

Analyzes any website with Playwright and extracts its design system (colors, typography, spacing, components) as Tailwind, React, token, or Markdown exports.

An open-source collection of optimized, customizable SVG tech logos for developers, shipped as a React/TypeScript npm package.

A free, open-source component library that adds ready-made UI components as class names on top of Tailwind CSS.

A collection of Agent Skills and plugins that let coding agents work with Google Stitch design projects via the Stitch MCP server.

A CLI that extracts a website's, repo's, or local project's design system into a folder of files Claude Code can read to build matching UI.

CLI and MCP server that extracts a website's full design system (colors, type, spacing, motion) from the live DOM into tokens and framework-ready files.

Agent Skills that make coding agents design distinctive frontends with art direction, real photos and in-browser visual checks instead of generic AI landing pages.