design-system

Một bộ các thành phần React cho dự án PatternFly.

Danh sách các hệ thống thiết kế, ngôn ngữ thiết kế và hướng dẫn nổi tiếng

⚡ Thiết lập Once UI đơn giản cho dự án mới. Chỉ bao gồm những gì cần thiết, không dư thừa.

Kỹ năng mã nguồn mở giúp học hỏi bất kỳ thương hiệu nào và biến nó thành một hệ thống thiết kế hoàn chỉnh. Hoạt động trên claude code và codex. Cài đặt một lần, mọi giao diện người dùng mà trợ lý của bạn xây dựng đều khớp với thương hiệu của bạn.

Hệ thống tạo kiểu (styling) cho Flutter.

Trang web tĩnh và nội dung cho Component Driven.

💫 Orbit là một framework được thiết kế để xây dựng bất kỳ loại giao diện người dùng hướng tâm nào

Một Claude Code SKILL để thiết kế các trang web đẹp và nhất quán — ưu tiên đặc tả, sau đó mới đến mã nguồn.

Bộ sưu tập các thành phần theo chủ đề khoa học viễn tưởng và các yếu tố thiết kế tương lai cho các ứng dụng web hiện đại.

Công cụ UI có thể kết hợp cho Vue. Xây dựng các giao diện phức tạp với trạng thái, logic và các thành phần cơ bản có thể tái sử dụng mà không bị ràng buộc vào các component hoặc kiểu dáng cụ thể.

Hệ thống thiết kế của Priceline.com

55 thành phần UI di động cho Astro và React. Cài đặt các thành phần Tailwind CSS có khả năng truy cập cao dưới dạng mã nguồn mà bạn sở hữu, được hỗ trợ bởi một Runtime trung lập với framework

Hiển thị tài liệu design token được tạo từ các tệp stylesheet và icon của bạn. Xem trước các thay đổi của design token trên trình duyệt. Thêm design token vào các trang Storybook Docs bằng cách sử dụng các Doc Blocks tùy chỉnh

Vibe Design System - Tài nguyên UI chính thức của monday.com để phát triển ứng dụng bằng React.js

Hệ thống thiết kế tùy chỉnh từ Welcome to the jungle (@wttj) với react, typescript, tailwindcss, ariakit. Tại đây bạn sẽ tìm thấy tất cả các thành phần cốt lõi cần thiết để tạo ra một ứng dụng web tuyệt vời.

Hệ thống thiết kế và thư viện thành phần của Pivotal

Các thành phần Figma & React chính xác. Được đóng gói với các phương pháp hay nhất, tên thuộc tính thống nhất và thiết kế cũng như mã nguồn nhất quán.

Biên dịch hệ thống thiết kế của bạn thành một Agent Plugin. Trích xuất danh tính từ bất kỳ tham chiếu nào, xuất ra SKILL.md + tokens.css và kiểm tra các thành phần bỏ qua token của bạn.

Các thành phần nguyên thủy không giao diện (headless) và có thể kết hợp để xây dựng các thành phần UI dễ truy cập trong Angular.

Một bộ các thành phần web chất lượng cao dựa trên tiêu chuẩn cho các ứng dụng web doanh nghiệp. Một phần của Vaadin 20+

ViewComponents cho hệ thống thiết kế Primer

Bộ sưu tập các thành phần nguyên thủy headless dễ tiếp cận và các thành phần được thiết kế đẹp mắt cho Blazor, lấy cảm hứng từ shadcn/ui.

Framework JS cực kỳ đơn giản cho các thành phần web gốc (native web components).

Mẫu bảng điều khiển quản trị Next.js tích hợp AI và các thành phần giao diện người dùng, đi kèm với các phần tử, thành phần, trang được xây dựng sẵn, thiết kế chất lượng cao, tích hợp và nhiều tính năng khác.

Hệ thống thiết kế của Strapi.io.

Cố vấn thiết kế chuyên biệt: Thiết kế phi AI + phòng thử phong cách + thư viện hệ thống thiết kế từ 58 trang web cho Claude Code Skill

Các giao diện AI mã nguồn mở được xây dựng với Claude (Fable 5) bao gồm phần hero, shader GLSL, hệ thống thiết kế, hoạt ảnh, thành phần 3D và trang đích, sử dụng React, Tailwind và Three.js. Tích hợp vào AI agent của bạn để triển khai nhanh hơn.

Hệ thống thiết kế sẵn dùng cho Unity 6 UI Toolkit (UIDocument + PanelRenderer, UXML + USS): bao gồm tokens, hỗ trợ vật liệu shader fx, 42 thành phần, 120 biểu tượng, tương thích di động và chủ đề tối. Chỉ một tệp stylesheet, không phụ thuộc. Đã được kiểm chứng thực tế trong các trò chơi cross-play.

Pink. Hệ thống thiết kế bất khả tri (framework agnostic) chính thức của Appwrite 🎨 🩷

Kỹ năng thiết kế thành phần UI/UX và Backend toàn diện cho phát triển có hỗ trợ AI với Claude