Đến nội dung chính

TOOLS / TYPE / MOTION

Tài nguyên cho điều bạn tạo ra.

Công cụ, tài liệu chính thức và một điểm bắt đầu rõ ràng. Tuyển chọn cho designer và developer, từ typography đến creative coding.

6 RESOURCE / NGUỒN CHÍNH THỨC

Creative coding

Three.js

Three.js contributors

Thư viện JavaScript để xây dựng đồ họa 3D trên web. Bắt đầu từ scene, camera và renderer, rồi khám phá các ví dụ tương tác.

3DJavaScriptWebGL
  • Dựng scene 3D trong trình duyệt
  • Học từ ví dụ có mã nguồn
  • Kết hợp vật liệu, ánh sáng và animation

Xem license và điều khoản sử dụng tại nguồn chính thức trước khi đưa vào dự án.

Motion

GSAP

GSAP

Bộ công cụ animation cho giao diện web, phù hợp khi cần điều khiển timeline, nhịp chuyển động và tương tác cuộn.

AnimationTimelineScrollTrigger
  • Điều khiển timeline animation
  • Tạo chuyển động theo cuộn
  • Tra cứu easing và API

Xem license và điều khoản sử dụng tại nguồn chính thức trước khi đưa vào dự án.

Icons

Lucide

Lucide contributors

Bộ icon nét với phong cách nhất quán, có thể điều chỉnh kích thước, màu và độ dày nét cho giao diện.

IconsSVGUI
  • Tìm icon theo tên
  • Tùy chỉnh nét và kích thước
  • Tích hợp vào giao diện web

Xem license và điều khoản sử dụng tại nguồn chính thức trước khi đưa vào dự án.

Typography

Google Fonts

Google Fonts & font designers

Thư viện font để tìm kiếm và thử các cặp chữ. Kiểm tra bộ ký tự tiếng Việt và điều khoản của từng font trước khi dùng.

FontsTypographyVietnamese
  • Khám phá font cho thương hiệu
  • Kiểm tra hỗ trợ tiếng Việt
  • Tìm hiểu typography và font pairing

Xem license và điều khoản sử dụng tại nguồn chính thức trước khi đưa vào dự án.

UI components

Radix UI

Radix

Các primitive giao diện không áp đặt phong cách thị giác. Hữu ích cho dialog, menu, tooltip và những tương tác cần chú ý accessibility.

ReactAccessibilityComponents
  • Xây dựng thành phần giao diện
  • Tùy biến theo design system
  • Tham khảo hành vi bàn phím

Xem license và điều khoản sử dụng tại nguồn chính thức trước khi đưa vào dự án.

Motion

Lenis

darkroom.engineering

Thư viện smooth scrolling cho website, với các lựa chọn cấu hình và tích hợp chuyển động theo cuộn.

ScrollJavaScriptInteraction
  • Điều chỉnh trải nghiệm cuộn
  • Kết nối animation theo scroll
  • Tham khảo cấu hình và ví dụ

Xem license và điều khoản sử dụng tại nguồn chính thức trước khi đưa vào dự án.

Tuyển chọn bởi Sources.vn · Đối chiếu nguồn ngày 10.10.2026.

Tài nguyên liên kết đến nhà phát hành. Hãy kiểm tra phiên bản và điều khoản tại nguồn trước khi sử dụng.