Chuyển đến nội dung chính (Skip to content)
Mục lục bài viết
Top Repos

NameThatUI: tra cứu tên thành phần giao diện Web và Mac

NameThatUI: tra cứu tên thành phần giao diện Web và Mac

NameThatUI giúp tìm đúng tên thành phần giao diện qua mô tả và ví dụ trực quan, kèm ký hiệu API và gợi ý prompt để trao đổi thiết kế với AI rõ hơn.

Website: https://namethatui.com/

NameThatUI làm gì?

NameThatUI là từ điển giao diện trực quan: bạn mô tả một thành phần chưa biết tên để tìm thuật ngữ tương ứng. Mỗi mục giúp nối hình ảnh quen thuộc với tên gọi, ký hiệu API và prompt tham khảo cho trợ lý lập trình.

Điểm nổi bật

  • Tra cứu bằng mô tả: tìm từ đặc điểm hình dáng hoặc hành vi thay vì phải nhớ thuật ngữ.
  • Ví dụ trực quan: xem các mẫu như tooltip, command palette, tabs hoặc skeleton.
  • Phân loại nền tảng: duyệt nhóm Web và macOS để chọn đúng ngữ cảnh triển khai.
  • Phân biệt khái niệm: đối chiếu các thành phần dễ nhầm như popover, dropdown menu và tooltip.
NameThatUI hiển thị ví dụ Rule Editor, hiệu ứng cuộn và Waffle Menu
Danh mục thành phần UI trên NameThatUI, chụp từ website. Nguồn ảnh. Mở hình để xem chi tiết.

Hữu ích cho ai?

Hữu ích cho người học UI, frontend developer, designer và người viết yêu cầu cho AI. Chẳng hạn, thay vì mô tả chung chung “cái hộp hiện khi rê chuột”, bạn có thể tra tên, xem ví dụ rồi nói rõ nội dung và hành vi mình cần.

Lưu ý trước khi dùng

Đây là website tra cứu, không phải bộ component cài vào dự án. Tên và API phụ thuộc nền tảng; prompt mẫu vẫn cần bổ sung trạng thái, thao tác bàn phím và yêu cầu accessibility của giao diện thực tế.

Tổng hợp từ nguồn chính thức ngày 28/10/2026; chưa kiểm thử cài đặt hoặc vận hành.

Ảnh bìa: tài nguyên giới thiệu từ trang chính thức của dự án, chuyển sang WebP.

Tìm hiểu thêm