framer-motion

Thư viện UI dành cho Kỹ sư thiết kế. Các thành phần và hiệu ứng động mà bạn có thể sao chép và dán vào ứng dụng của mình. Miễn phí. Mã nguồn mở.

UI kit giúp tạo giao diện đẹp mắt, có hoạt ảnh nhanh hơn. Có thể tùy chỉnh. Mã nguồn mở.

Các thành phần được thiết kế riêng cho Design Engineer. Sử dụng Tailwind CSS, tương thích hoàn toàn với Shadcn và dễ dàng tích hợp—chỉ cần sao chép và dán. MIT 🤌

Một bộ sưu tập các thành phần, hook và tiện ích có chủ đích dành cho dự án Next.js của bạn.

Phân phối thành phần mã nguồn mở, có hoạt ảnh đầy đủ được xây dựng bằng React, TypeScript, Tailwind CSS, Motion và Shadcn CLI. Duyệt qua danh sách các thành phần bạn có thể cài đặt, chỉnh sửa và sử dụng trong các dự án của mình.

Một ứng dụng web để tạo bố cục linh hoạt với sức mạnh của CSS Flexbox.

UI Layouts không chỉ là một thư viện. Đó là vũ trụ front-end hoàn chỉnh của bạn với các thành phần, hiệu ứng, công cụ thiết kế và các khối sẵn sàng sử dụng, mọi thứ bạn cần để xây dựng giao diện hiện đại nhanh hơn.

Trang web portfolio cá nhân được xây dựng bằng React và three js

Một mẫu Admin React hiện đại. Dựa trên React 19, Vite và TypeScript. Rất nhanh!

Thư viện Motion cho Vue

Đây là kho lưu trữ mã nguồn cho video YouTube tương ứng. Trong hướng dẫn này, chúng ta sẽ xây dựng và triển khai một ứng dụng trò chuyện thời gian thực. Các chủ đề bao gồm: React.js, SCSS, Framer Motion, Sanity

Bộ sưu tập mã nguồn mở gồm các thành phần giao diện tuyệt đẹp được xây dựng bằng Tailwind CSS, shadcn/ui và Motion để sử dụng cho trang web của bạn

Trang web cá nhân của Cali Castle

Một luồng hướng dẫn khởi đầu / giới thiệu sản phẩm cho Next.js được tạo hiệu ứng bởi framer motion.

Các thành phần chuyển động cho React. Sao chép, dán, hoàn tất.

⭐ Xây dựng một trang web portfolio ấn tượng với Next.js, Tailwind CSS và Framer-motion. Nếu bạn muốn học cách tạo trang web này, hãy theo dõi liên kết hướng dẫn trong tệp Read me.

Thư viện thành phần UI cho React, Next.js và các framework JSX khác. Được xây dựng bằng Tailwind CSS, giúp việc tạo các giao diện đẹp mắt, có tính tương tác cao và thích ứng trở nên nhanh chóng và dễ dàng.

Các khối UI, thành phần và trang hoàn chỉnh sẵn sàng cho môi trường production có sẵn trong shadcn/ui và Base UI, được hỗ trợ bởi Framer Motion, đi kèm với Landing Page Builder, Background Builder và Grid Generator.

Một thành phần thông báo dạng sệt, biến hóa được xây dựng trên Sonner với các hiệu ứng hoạt hình Framer Motion

Hồ sơ nhà phát triển 3D tương tác với bàn phím trong đó mỗi phím là một kỹ năng. Được xây dựng bằng Next.js, React, TypeScript, GSAP & Motion. Miễn phí sử dụng!

Svelte Magic UI, Svelte Aceternity UI, các component Svelte được xây dựng bằng Tailwind CSS & Framer Motion

Các biểu tượng SVG động miễn phí và mã nguồn mở dành cho React, được thiết kế cho các tương tác vi mô mượt mà, dễ dàng tùy chỉnh và có hiệu suất nhẹ.

Component bottom sheet linh hoạt được xây dựng bằng Motion mang lại trải nghiệm người dùng mượt mà trong khi vẫn đảm bảo tính khả dụng 🪐

Các thành phần giao diện React của Yamada, do Yamada, vì Yamada xây dựng bằng React và Emotion.

Bộ sưu tập các biến thể Framer Motion thủ công dành cho dự án tiếp theo của bạn.

Thư viện thành phần React ưu tiên CLI và AI-native. Hơn 160 thành phần có hoạt ảnh, khả năng truy cập và sẵn sàng cho sản xuất, hỗ trợ MCP Server cho Cursor, Claude và GitHub Copilot. Kiến trúc copy-paste — bạn sở hữu mã nguồn.

Nhận quyền truy cập miễn phí vào các thành phần, hoạt ảnh và hiệu ứng được xây dựng sẵn, hỗ trợ bởi Tailwind CSS - được tạo ra bằng Framer Motion. Chỉ cần sao chép, dán là bạn đã sẵn sàng sử dụng!

Đơn giản hóa giao diện người dùng với các component sạch, sao chép-dán giúp giảm thiểu JavaScript, tối đa hóa CSS, khơi nguồn sáng tạo và trao quyền cho bạn với mã nguồn mà bạn hoàn toàn sở hữu và thấu hiểu.

Bản sao Twitter được xây dựng bằng Next.js + TypeScript + Tailwind CSS sử dụng Cloud Firestore và Storage