Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀
-
Updated
Jul 11, 2026 - HTML
A design system is a way to have modular and reusable CSS components as well as a separation of concerns of designing and using this system, by, for examplr, using design tokens.
Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀
Open-source UI component library and front-end development framework based on Tailwind CSS
This is the official DTCG repository for the design tokens site and specification.
Pink. Appwrite's official framework agnostic design system 🎨 🩷
Add some dimension to your page with blocks 🚀
Open-source gallery of AI-generated UI experiments built with Claude (Fable 5), landing pages, hero sections, GLSL shaders, design systems, animations & 3D in React, Tailwind & Three.js.
React UI component design tool
Give your AI coding agent a design system. One command installs 400+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.
Fluent Design Theme for Bootstrap - inspired by Windows style and based on the latest Bootstrap 5.
A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 62 commands, 15,000+ lines of expert design knowledge. Your agency's design brain, inside your terminal.
Decathlon Design System UI components for web applications
The U.S. Web Design System documentation website, a design system for the federal government.
🎨 Perfect Material Design palettes from any hex color.
Bootstrap UI Components - Free Core Version of Ayro UI, A Bootstrap HTML UI Library, with Beautiful & Essential UI Components and Minimal Design System.
Extract reference-site design language into reusable rules for AI coding tools.
余白 / Yohaku — A typographic design system for written content. One accent, three neutral tiers, the rest is whitespace.
CION - Design system boilerplate for Vue.js
Red Hat's Design System
Claude Code skills for the work that keeps a design system alive
Free illustrations for your documentation or design system.