UI ComponentsTuyển chọn

shadcn/ui

Nguồn tham khảo tốt cho dialog, sheet, form và interaction pattern khi muốn UI có cảm giác product mà vẫn sở hữu code component.

Access Gate

0/1 bước

Hoàn thành 1 bước để tiếp tục

shadcn/ui

Ủng hộ website Chưa hoàn thành

Cảm ơn bạn đã đồng hành

Bấm “Mở tab nhà tài trợ” để góp phần duy trì website và nguồn tài nguyên miễn phí. Sau khi mở tab, bạn quay lại đây để tiếp tục với nút “Truy cập tài nguyên”.

Mở tab nhà tài trợ

Trang nhà tài trợ và tài nguyên mở trong tab mới. Bạn có thể tiếp tục đọc bài tại đây.
Biên tập: Đăng
componentgiao diệndesign
-
Nội dung demo

Phù hợp với

  • Team xây product UI
  • Developer muốn sở hữu component code
  • Dự án cần interaction pattern ổn định

Vì sao đáng xem

  • Nhiều pattern UI đã được giải tốt
  • Hữu ích cho dialog và bottom sheet
  • Dễ học cách tổ chức spacing và state

Giá trị lớn nhất ở đây là học cách những interaction khó đã được giải, đặc biệt với modal/bottom sheet mà Outbound Gate của chúng ta đang cần.

Điểm cần lưu ý

  • • Không nên bê nguyên stack vào Astro
  • • Chỉ nên học pattern rồi implement theo kiến trúc hiện tại

Liên kết và tải về

Link ngoài và tài liệu liên quan

Đọc tiếp

Có thể bạn sẽ cần những thứ này tiếp theo

Bài viết

Thiết kế

Thiết kế resource page cho ngón tay cái, không phải chỉ cho màn hình desktop

Phần lớn traffic discovery đến từ điện thoại. Mobile-first buộc giao diện ưu tiên khả năng đọc, thao tác chạm và luồng thông tin.

Xem tiếp
Bài viết

Tuyển chọn

Collection nên kể một câu chuyện, không chỉ lọc database

Một collection tốt giải thích vì sao các item đi cùng nhau, nên xem theo thứ tự nào và lựa chọn nào hợp với từng nhóm người dùng.

Xem tiếp