Giới thiệu shadcn/create – Xây dựng giao diện shadcn/ui của riêng bạn Tùy chỉnh mọi thứ. Chọn thư viện thành phần, biểu tượng, màu sắc cơ bản, chủ đề, phông chữ và xây dựng một cái gì đó không giống như mọi thứ khác. Hiện có sẵn cho Next.js, Vite, TanStack Start và v0.

Từ lần commit đầu tiên, mục tiêu của shadcn/ui là cung cấp cho bạn những mặc định vững chắc: khoảng cách, mã màu, hoạt ảnh, khả năng tiếp cận, và để bạn tự phát triển từ đó. Tùy chỉnh mã. Thêm các thành phần mới. Thay đổi màu sắc. Chúng tôi đang làm điều này dễ dàng hơn với npx shadcn create.

Bắt đầu với một thư viện thành phần: Radix hoặc Base UI. Chúng tôi đã xây dựng lại mọi thành phần cho Base UI, giữ nguyên sự trừu tượng. Chúng hoàn toàn tương thích với các thành phần hiện có của bạn, ngay cả những thành phần được lấy từ các kho lưu trữ từ xa. Khi bạn thêm các thành phần, chúng tôi tự động phát hiện thư viện của bạn và áp dụng các biến đổi phù hợp.

Chúng tôi cũng đang thêm 5 kiểu hình ảnh mới, được thiết kế để giúp bạn xây dựng điều gì đó độc đáo. 1. Vega – Giao diện cổ điển của shadcn/ui. 2. Nova – Khoảng cách giảm cho các bố cục gọn gàng. 3. Maia – Mềm mại và tròn trịa, với khoảng cách rộng rãi. 4. Lyra – Hình hộp và sắc nét. Kết hợp tốt với các phông chữ đơn sắc. 5. Mira – Gọn gàng. Được thiết kế cho các giao diện dày đặc.

Điều này vượt ra ngoài việc thay đổi giao diện. Cấu hình của bạn không chỉ thay đổi màu sắc, mà còn viết lại mã thành phần để phù hợp với thiết lập của bạn. Phông chữ, khoảng cách, cấu trúc, thậm chí là các thư viện bạn sử dụng, mọi thứ đều thích ứng với sở thích của bạn. CLI mới sẽ lo liệu tất cả.

Hãy thử xem. Nhấn +Dự án Mới trên Một lời cảm ơn đặc biệt đến đội ngũ @base_ui vì đã xây dựng một thư viện thành phần tuyệt vời. Công việc của họ đã giúp việc xây dựng mọi thứ trở nên dễ dàng mà không làm phá vỡ sự trừu tượng. Thật tuyệt vời.