design-system

Hệ thống thiết kế có thể tùy biến giao diện cho SEEK Group

SRCL là một kho lưu trữ component và style React mã nguồn mở giúp bạn xây dựng các ứng dụng web, ứng dụng desktop và trang web tĩnh mang phong cách giao diện dòng lệnh (terminal).

Magic Patterns Catalog là một trang web mã nguồn mở liệt kê các thư viện component React phổ biến nhất, giúp bạn tìm thấy component hoàn hảo.

Các thành phần React của hệ thống thiết kế mã nguồn mở Orbit bởi Kiwi.com

📚 Hướng dẫn này được thiết kế để giúp bạn học thiết kế UI/UX, được chia thành ba cấp độ: Cơ bản, Trung cấp và Chuyên gia. Nó bao gồm các tài nguyên học tập, hướng dẫn và công cụ bao gồm mọi khía cạnh của thiết kế giao diện người dùng và trải nghiệm người dùng.

Một nền tảng để xây dựng các cộng đồng hữu ích nhằm giải quyết các vấn đề toàn cầu

Baklava là hệ thống thiết kế do Trendyol cung cấp nhằm tạo ra UI/UX nhất quán cho người dùng ứng dụng.

Danh sách tài nguyên về mọi thứ liên quan đến Design Tokens

Triển khai CSS tiêu chuẩn của ngôn ngữ thiết kế Spectrum.

Stylable - CSS cho các component

A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.

Lớp Design System còn thiếu cho Compose UI

Một Framework UI React Native Tiện ích-Đầu tiên 🚀🧩

Amplify UI là bộ sưu tập các component React (và hơn thế nữa) có khả năng truy cập cao, hỗ trợ giao diện, hiệu suất cao, có thể kết nối trực tiếp với đám mây.

Plugin Figma để xuất các token thiết kế sang định dạng json tương thích với amazon style dictionary.

Layer5, mong đợi nhiều hơn từ cơ sở hạ tầng của bạn

Hệ thống thiết kế SEED

Prompt Claude Design DESIGN.md theo nhóm thẩm mỹ, công thức phối lại, kỹ năng, phân tích video, tín hiệu X, đánh giá chân thực từ cộng đồng.

Danh sách tổng hợp các tài nguyên thiết kế từ mẫu thiết kế, ảnh stock, biểu tượng, màu sắc và nhiều hơn nữa.

Trang web và tài liệu cho Radix.

Thư viện thành phần React ưu tiên CLI và AI-native. Hơn 160 thành phần có hoạt ảnh, khả năng truy cập và sẵn sàng cho sản xuất, hỗ trợ MCP Server cho Cursor, Claude và GitHub Copilot. Kiến trúc copy-paste — bạn sở hữu mã nguồn.

Hệ thống thiết kế của SumUp dành cho web

Một thành phần tự động hoàn thành (autocomplete), được xây dựng để đảm bảo tính khả dụng (accessibility).

Công cụ phương pháp thiết kế mã nguồn mở cho Claude Code, Codex & Cursor. 23 kỹ năng tác nhân cho nhận định thiết kế cố định, nhiều ngữ pháp, bảng màu ngữ nghĩa, biên soạn tài liệu tham khảo và giao diện người dùng được xác thực bằng minh chứng. MIT.

Biến Claude thành Kiến trúc sư thiết kế cấp cao — bao gồm design tokens DTCG, 42 thành phần, hỗ trợ tiếp cận WCAG 2.2, mã nguồn cho mọi framework, 138 hệ thống thiết kế và các kỹ năng có thể thực thi.

Hệ thống xây dựng biến CSS

📒 Danh sách tuyển chọn các dấu trang, tài nguyên và bài viết về hệ thống thiết kế dành cho lập trình viên.

Studio tạo slide AI mã nguồn mở trong Codex: bộ slide gốc hình ảnh, mỗi slide là một canvas trực quan đầy đủ. ⚡ Hơn 10 slide chất lượng cao trong khoảng 4–5 phút — Chế độ nhanh hiển thị từng trang song song. 🔍 Xem toàn bộ chuỗi trực tiếp: nghiên cứu → dàn ý → phong cách → kết xuất → chỉnh sửa → trình bày → xuất PDF/PPTX. 🖥️ Ưu tiên trình duyệt · không cần khóa API · dự án bền vững.

HIUI là giải pháp phù hợp để xây dựng và triển khai các tiêu chuẩn thiết kế tương tác và giao diện người dùng cho front-end, middle-end và back-end.

Figmagic là mảnh ghép còn thiếu giữa DevOps và thiết kế: Tạo design token, xuất đồ họa và trích xuất các thành phần React dựa trên design token từ tài liệu Figma của bạn.