Beeknoee Logo
Đăng nhậpĐăng ký miễn phí

DavidHDev/react-bits

Public

The largest open-source library of animated, interactive, and customizable React & Next.js components for building standout web products and experiences. Built for humans and AI agents.

3danimationscomponent-librarycomponentscomponents-librarycomponents-reactcss-animationsjavascriptreactreact-componentsreactjstailwindtailwindcssui-componentsui-libraryweb
Star50.6kFork2.5kWatch142Mở trên GitHub
Beeknoee

Bee AI phân tích repositoryBETA

AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.

Cập nhật lần cuối: 22/10/2026

Đăng nhập để hỏi Bee AI

Tóm tắt bởi Bee AI

React Bits là thư viện mã nguồn mở chứa hơn 200 component hoạt ảnh và tương tác cho React và Next.js. Dự án hướng tới các lập trình viên muốn nhanh chóng xây dựng giao diện ấn tượng thông qua các hiệu ứng chữ, nền, UI và micro-interaction tùy biến linh hoạt.

  • Cung cấp hơn 200 component bao gồm hoạt ảnh văn bản, thành phần UI, micro-interaction và hình nền.
  • Mỗi component hỗ trợ 4 biến thể: JS-CSS, JS-TW, TS-CSS và TS-TW.
  • Hỗ trợ cài đặt nhanh qua shadcn CLI và jsrepo hoặc copy-paste trực tiếp.
  • Tích hợp các công cụ sáng tạo như Background Studio, Shape Magic và Texture Lab.

Lưu ý

  • Dự án sử dụng giấy phép MIT kết hợp Commons Clause.

Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.

  • Độ phổ biến99
  • Độ tươi80
  • Cộng đồng17
  • Tài liệu100
  • Phát hành20
  • Mức độ khóDễ tiếp cận
  • Phù hợp vớiLập trình viên
  • Loại dự ánThư viện
  • Giấy phépKhông có

Kiến trúc & Công nghệ

Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.

Tech stack

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Vite
  • Cloudflare

Kiến trúc tổng quan

Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.

  • src/Chứa mã nguồn chính của các component và trang web tài liệu/demo.
  • public/Chứa các tài nguyên tĩnh như hình ảnh và asset công khai.
  • scripts/Chứa các script tiện ích phục vụ build hoặc tự động hóa dự án.
  • worker/Mã nguồn dành cho Cloudflare Worker hoặc backend serverless.
  • .github/Cấu hình GitHub Actions và template đóng góp cộng đồng.

Hướng dẫn nhanh

Các bước để bắt đầu với repository này.

bash
git clone https://github.com/DavidHDev/react-bits.git
cd react-bits

Các use case chính

Những ứng dụng có thể xây dựng từ repository này.

  • Tích hợp các hiệu ứng chữ (như BlurText) và hoạt ảnh tương tác vào ứng dụng React/Next.js.
  • Tạo hình nền động tùy chỉnh và xuất dưới dạng video, hình ảnh hoặc mã nguồn.
  • Tạo các góc bo bên trong (inner rounded corners) giữa các hình khối và xuất mã SVG, React hoặc clip-path.
  • Áp dụng hơn 20 hiệu ứng như noise, dithering hay ASCII lên hình ảnh và video với Texture Lab.

Repository tương tự

Cùng chủ đề trong kho Bee.

  1. 1freeCodeCamp/freeCodeCampfreeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.458.2k+472
  2. 2donnemartin/system-design-primerLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.376.1k+920
  3. 3practical-tutorials/project-based-learningCurated list of project-based tutorials288.4k+755
  4. 4react/reactThe library for web and native user interfaces.251.7k+41
  5. 5vuejs/vueThis is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core212.5k-139

Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 22/10/2026.

Đăng nhập