ThreeUI cung cấp component React 3D tương tác hoàn toàn miễn phí

Giờ bạn có thể thả thẳng các phần tử 3D tương tác vào app React mà không cần đụng tới code canvas phức tạp.

Tác giả MengTo vừa ra mắt ThreeUI Community, một bộ sưu tập component UI 3D mã nguồn mở thu về gần 3.900 star trên GitHub ngay trong tuần đầu tiên. Dự án này bao gồm 50 component gốc miễn phí kèm bản xem trước tương tác trực tiếp, bộ điều khiển và toàn bộ mã nguồn—không cần tạo tài khoản.

Vì sao đáng chú ý: Dựng hiệu ứng 3D trên web thường đồng nghĩa với việc phải vật lộn thiết lập scene và viết code shader. ThreeUI đóng gói sẵn các bản render đó thành component React tiêu chuẩn, giúp việc thêm hiệu ứng thị giác xịn xò trở nên dễ dàng như chèn một nút bấm.

Để dùng thử, bạn chỉ cần chạy npm install @designcodeio/threeui, import file CSS chung và thả một component như <AtTheHorizon /> vào code. Mã nguồn và tài nguyên của component đều dùng giấy phép MIT.

Hero section trên web của bạn chính thức không còn lý do gì để trông nhàm chán nữa.