FLOATING UI
Thư viện JavaScript để định vị các phần tử nổi như chú giải công cụ và cửa sổ bật lên với khả năng tránh va chạm thông minh và hỗ trợ bất khả tri về nền tảng.
Điểm
60
Đánh Giá Người Dùng
2.0
Hỗ Trợ Miễn Phí/Dùng Thử
Được Hỗ Trợ
Giá Khởi Điểm
--
Cập Nhật Lần Cuối
thg 8 04, 2026
Tổng quan
FLOATING UI là gì?
Giao diện người dùng nổi là thư viện JavaScript định vị các phần tử nổi (ví dụ: chú giải công cụ, cửa sổ bật lên, menu thả xuống) liên quan đến các điểm neo, đảm bảo chúng luôn hiển thị bằng cách tránh va chạm. Nó phát triển từ Popper 2 và cung cấp các tính năng như vị trí, dịch chuyển, lật, điều chỉnh kích thước và định vị mũi tên, hỗ trợ React, Vue và các nền tảng khác.
FLOATING UI được sử dụng để làm gì?
Thẻ
Nhóm Người Dùng
Tính Năng Hàng Đầu
- Định vị neo thông minh với khả năng tránh va chạm
- Điều chỉnh vị trí, dịch chuyển, lật và kích thước
- Định vị phần tử mũi tên
- Neo ảo cho tọa độ chuột
- Mô-đun có thể rung cây
- Hỗ trợ React, Vue, React Native và canvas
Cách sử dụng FLOATING UI?
Cài đặt qua npm, Yarn, pnpm hoặc CDN, sau đó sử dụng tính toánPosition() và các mô-đun khác để neo các phần tử nổi vào tham chiếu, xử lý các tương tác như di chuột hoặc nhấp chuột để xem chú giải công cụ và cửa sổ bật lên trong ứng dụng web.
Công Cụ Thay Thế
Không tìm thấy công cụ thay thế
Ưu Điểm & Nhược Điểm
Ưu Điểm
- Nguồn mở và miễn phí
- Nhẹ và mô-đun
- Nền tảng bất khả tri với sự hỗ trợ khung rộng
- Khả năng tùy biến cao cho các thành phần UI
Nhược Điểm
- Chủ yếu dành cho nhà phát triển, có thể yêu cầu kỹ năng viết mã
- Giới hạn ở các nền tảng dựa trên web
Trường Hợp Sử Dụng
- Tạo chú giải công cụ cho giao diện web
- Xây dựng cửa sổ bật lên cho hộp thoại tương tác
- Triển khai menu thả xuống trong ứng dụng React
- Định vị các phần tử nổi trong dự án Vue
Giá FLOATING UI
Gói Miễn Phí
Không có thông tin chi tiết về giá
Đánh Giá Người Dùng
2.0
trên 5
2.0
Chưa có đánh giá
Hãy là người đầu tiên đánh giá công cụ này!