Global

md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

An open‑source technical wiki connected to the systems it describes

Skip the blank-page design brief, grab a design system inspiration that matches the feel you want, and let Claude Design do the scaffolding.

The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.

MCP server to provide Figma layout information to AI coding agents like Cursor

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. ai/design. Best with Opus or Claude.

🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

Know a resource that isn't listed below? Feel free to create a new pull request.

Extract any website's complete design system with one command.

Cloudflare's component library for building modern web applications.

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

🎨Provide 3000+ Design Tokens, easy to build your design system. 🧑🏻‍💻 Design to Code in one click

Tkinter Designer uses the Figma API to analyze a design file and create the respective code and files needed for the GUI. Even Tkinter Designer's GUI is created using Tkinter Designer.

A comprehensive, open-source CSS icons library. \ Featuring Vanilla CSS, SVG and Figma UI icons

AI design editor, open-source Figma alternative with Spring Boot and React.

React Native Paper is the cross-platform UI kit library containing a collection of customizable and production-ready components, which by default are following and respecting the Google’s Material Design guidelines.

You vibe-coded the app — now vibe the ASO. A Claude Code skill: keyword research, 50-locale App Store metadata, localized screenshots, worldwide pricing, in-app localization.

A visual CSS framework and design-token builder for the web, WordPress, and Figma.