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

kuratlielia/arc-library

Public

Arc Library: free, open source React components with calm motion. Copy the code or install with the shadcn CLI.

componentsdesign-systemmotionnextjsopen-sourcereactshadcntypescriptui-library
Star1kFork48Watch2Mở 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: 12/10/2026

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

Tóm tắt bởi Bee AI

Bộ sưu tập gồm 108 component và 22 block React mã nguồn mở sử dụng CSS modules, thiết kế chuyển động mượt mà với Motion và hỗ trợ cài đặt qua shadcn CLI hoặc copy trực tiếp.

  • Cung cấp 108 components và 22 blocks mã nguồn mở miễn phí, hoạt động với Next.js và Vite.
  • Không phụ thuộc Tailwind CSS, sử dụng CSS modules đọc các biến CSS tokens.
  • Mọi hiệu ứng animation đều tôn trọng thiết lập prefers-reduced-motion và hỗ trợ đầy đủ phím bấm.
  • Tích hợp và cài đặt linh hoạt qua shadcn CLI bằng namespace @uiarc hoặc qua URL trực tiếp.

Lưu ý

  • Yêu cầu React 19, TypeScript (lib ES2023 trở lên) và cấu hình import alias @/*.
  • Một số component đánh dấu Pro (ví dụ: Cover flow, Orbit logos) thuộc Arc Pro và không có trong repo này.

Đ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ến22
  • Độ tươi100
  • Cộng đồng15
  • Tài liệu100
  • Phát hành20
  • Mức độ khóTrung bình
  • Phù hợp vớiLập trình viên
  • Loại dự ánThư viện
  • Giấy phépMIT

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

  • TypeScript
  • React
  • Next.js
  • Vite
  • CSS3

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ả.

  • registry/Chứa định nghĩa, mã nguồn component, block và token cho registry của shadcn.
  • lib/Chứa mã tiện ích dùng chung như cấu hình motion tokens.
  • public/Chứa các file tĩnh và registry JSON endpoint.
  • scripts/Chứa các script phục vụ build hoặc quản lý registry.
  • types/Chứa các khai báo kiểu TypeScript dùng chung.

Hướng dẫn nhanh

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

bash
git clone https://github.com/kuratlielia/arc-library.git
cd arc-library

Các use case chính

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

  • Cài đặt các UI component tương tác cao như button group, number field, elastic slider vào dự án React 19.
  • Xây dựng giao diện hỗ trợ chuyển đổi giao diện sáng/tối với các hiệu ứng theme switcher mượt mà.
  • Tạo các form phức tạp có trường nhập tiền tệ, số điện thoại, tag input hoặc rich text editor.
  • Tích hợp biểu đồ động như donut chart hoặc line chart chuyển đổi mượt mà giữa các tập dữ liệu.

Repository tương tự

Cùng chủ đề trong kho Bee.

  1. 1public-apis/public-apisA collective list of free APIs493k+1.6k
  2. 2freeCodeCamp/freeCodeCampfreeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.458.1k+409
  3. 3donnemartin/system-design-primerLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.375.9k+763
  4. 4react/reactThe library for web and native user interfaces.251.8k+95
  5. 5n8n-io/n8nFair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.208.9k+547

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: 12/10/2026.

Đăng nhập