shadcn.io: nơi tốt nhất để tìm blocks mới cho shadcn/ui

Nếu bạn xây dựng với shadcn/ui, bạn đã biết điều kỳ diệu: mã là của bạn. Không có phụ thuộc hộp đen nào để phải vật lộn; bạn sao chép một thành phần vào, và nó là của bạn để nhào nặn.

Nhưng các thành phần là những mảnh nhỏ. Một cái nút, một ô nhập, một cái thẻ. Thứ ngốn thời gian thực sự là ghép những mảnh đó thành blocks: một phần bảng giá, bộ khung của một dashboard, một màn hình xác thực, một lưới tính năng. Đó chính là nơi phần lớn công việc (và phần lớn việc sao chép-dán từ các dự án cũ) thực sự diễn ra.

Đó chính là khoảng trống mà shadcn.io lấp đầy, và vì thế nó trở thành lựa chọn mặc định của chúng tôi.

shadcn.io là gì?

shadcn.io là một registry blocks lớn và đang tăng trưởng mạnh, được dựng trên shadcn/ui: những phần đầy đủ, đã được kết hợp sẵn mà bạn có thể thả vào một trang rồi phát hành ngay. Không phải primitive, mà là những bố cục mà nếu tự làm bạn sẽ mất cả một buổi chiều để ráp lại bằng tay.

Mỗi block tuân theo cùng triết lý như chính shadcn/ui: đó là mã thuần thuộc về bạn, được tạo kiểu bằng Tailwind, không ràng buộc gì ở runtime. Bạn cài nó, và nó trở thành một phần trong codebase của bạn.

Vì sao đây là nơi tốt nhất để tìm blocks mới

Có vài điều làm nên sự khác biệt của nó:

• Độ rộng. Các phần marketing, dashboard, bảng, luồng xác thực, bảng giá, đánh giá của khách hàng: danh mục bao phủ những trang mà sản phẩm thật sự cần, không chỉ một nhúm bản demo.
• Sự tươi mới. blocks mới xuất hiện đều đặn, nên bạn xây dựng với những mẫu của hiện tại thay vì thứ gì đó lần cuối được động đến từ một năm trước.
• Sao chép-dán, không phải cài-rồi-cầu-nguyện. Vì blocks được kết hợp từ các primitive của shadcn/ui, chúng đọc như mã mà chính bạn sẽ viết: dễ tùy chỉnh, dễ áp theme.
• Ăn khớp tuyệt vời với registry. blocks lắp vào đúng quy trình shadcn mà bạn vốn đang dùng, nên chẳng có gì mới phải học cả.

Cách chúng tôi dùng nó

Quy trình của chúng tôi rất đơn giản: bắt đầu một trang từ một block shadcn.io đã hoàn thiện 80%, rồi uốn nắn 20% còn lại cho khớp với thương hiệu. Vì mã là của bạn, 20% cuối ấy chỉ là chuyện nhỏ: đổi token, chỉnh khoảng cách, xong. Nó biến việc „thiết kế một trang bảng giá“ từ một ngày xuống còn một giờ.

Neobrutalism ♥ shadcn.io

Chúng tôi tự hào hợp tác với shadcn.io. Nếu bạn yêu cách Neobrutalism diễn giải shadcn/ui theo hướng neo-brutalism, bạn sẽ thấy như ở nhà trong thư viện blocks của họ: cùng mô hình sở hữu mã, cùng nền tảng Tailwind, phủ được nhiều mảnh đất hơn nhiều.

Hãy vào duyệt bộ sưu tập tại shadcn.io và xem một trang được ráp lại nhanh đến thế nào khi blocks đã sẵn sàng.