阿康酱

    React

    官方资源

    路由

    AI

    工具

    Hooks

    • use-stick-to-bottom 一个轻量级的 React Hook，主要面向 AI 聊天类应用场景，用于实现消息列表平滑贴合底部的效果

    组件

    • tool-ui 用于 AI 界面的 UI 组件
    • assistant-ui 基于 TypeScript/React 的 AI 聊天专用库
    • agentic-ui 面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力
    • @ant-design/x AI 界面解决方案

    其他

    • ai-elements 一个基于 shadcn/ui 构建的组件库与自定义组件注册中心，旨在帮助你更快速地开发原生 AI 应用
    • comark 一款高性能的 Markdown 解析与渲染器，支持 Vue 和 React 组件
    • streamdown 一个可直接替换 react-markdown 的组件，专为AI 驱动的流式输出场景设计

    多语言

    • js-lingui 🌍 📖 轻量至 2 kb！易读、自动化的 JS 国际化方案
    • react-i18next 为 React 精心打造的国际化方案，基于 i18next 国际化生态构建
    • react-intl

    框架

    • nextjs 面向 Web 的 React 框架
    • onestack
    • refine 用于快速构建内部系统、管理后台、仪表盘与 B2B 应用的高灵活度 React 框架
    • umi 企业级前端开发框架 - 蚂蚁金服出品
    • modernjs 一款基于 React 和 Rsbuild 的渐进式 Web 框架 - 字节出品

    状态管理

    • zustand 🐻 React 状态管理的核心基础套件
      • zundo 适用于 Zustand 的撤销 / 重做中间件，体积不足 700 字节
    • jotai 👻 轻量简洁、灵活易用的 React 状态管理
    • valtio 🧙 Valtio 让 React 与原生 JS 的代理状态变得简单易用
    • react-redux Redux 的官方 React 绑定库
    • @tanstack/react-query 🤖 功能强大的异步状态管理工具，同时提供服务端状态处理能力与网页端数据请求方案

    动画

    • border-beam 适用于 React 的边框流光动画效果
    • lenis 本该如此顺滑的滚动体验
    • @formkit/auto-animate 一款零配置、即用型动画工具，可为你的网页应用添加流畅过渡效果。可用于 React、Vue 或任意其他 JavaScript 框架。
    • motion 一款适用于 React 与 JavaScript 的现代动画库
    • react-spring ✌️ 一款基于弹簧物理模型的 React 动画库
    • @rive-app/react-webgl2
    • @galacean/effects 一款基于 WebGL 和 glTF 构建的 TypeScript 交互式引擎，支持 2D、3D、动画与物理效果
    • lottie-web 原生渲染由 After Effects 制作的动画，支持 Web、Android、iOS 及 React Native 平台
    • lottie-react 用于通过 Lottie 实时渲染复杂的 After Effects 动画

    Hooks

    组件库

    • 21st.dev 基于 react 和 Tailwind CSS 的开源组件平台
    • react-bits 一款开源的 React 组件合集
    • antd 一套企业级 UI 设计语言和 React 组件库
    • semi 字节出品(包含 AI 组件)
    • shadcn-ui 设计精美、无障碍的组件体系与代码分发平台，兼容主流框架，开源开放
    • material-ui 套全面落地谷歌 Material Design 设计规范的 React 组件库
    • mantine 功能完备的 React 组件库
    • react-bootstrap 基于 React 构建的 Bootstrap 组件库
    • semantic-ui 基于自然语言实用原理构建的 UI 组件框架
    • chakra-ui 一套可快速构建 SaaS 产品的组件体系
    • react-aria-components
    • @react-spectrum/s2
    • baseweb 一个实现了 Base 设计语言的 React 组件库
    • rsuite 一套 React 组件库。

    数据可视化

    图表

    3D

    • @pascal-app/viewer 一款基于 React Three Fiber 与 WebGPU 构建的3D 建筑编辑器
    • @react-three/fiber 一款基于 Three.js 的 React 渲染器
    • drei 适用于 react-three-fiber 的实用辅助工具

    其他

    组件

    画板

    • tldraw 非常优秀的白板无限画布 SDK
    • excalidraw 一款可手绘风格草图、类白板效果的虚拟白板工具
    • drawnix 开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等

    通用

    布局

    数据录入

    数据展示

    反馈

    文件相关

    富文本

    • platejs 集成 AI、MCP 功能的 shadcn/ui 富文本编辑器
    • lexical 一款可扩展的文本编辑器框架，具备出色的可靠性、易用性与性能表现
    • reactjs-tiptap-editor 一款基于 Tiptap 与 shadcn/ui、适用于 React 的现代化所见即所得富文本编辑器
    • react-quill 一款适用于 React 的 Quill 组件

    音视频

    拖拽

    其他

    开发模版

    其他

    • react-to-web-component 将 React 组件转换为原生 Web Components，同时也支持 Preact！
    • nuqs 适用于 React 框架的类型安全搜索参数状态管理器 —— 类似 useState，但状态会存储在 URL 查询字符串中
    • heyform 开源表单生成器
    • craft.js 一款用于构建可扩展拖拽式页面编辑器的 React 框架
    • react-cosmos 用于独立开发和测试 UI 组件的沙箱环境
    • GLM-OCR GLM-OCR：精准・快速・全面
    • redalert2 红色警戒2源代码
    • react-email 使用 React 构建并发送邮件
    • react-scan 检测 React 应用中的性能问题，消除应用内的慢渲染现象
    • react-grab 直接从你的网站中为编码智能体选择上下文
    • redi 一款适用于 TypeScript 和 JavaScript 的依赖注入库，同时提供 React 绑定功能
    • tweakcn 面向 shadcn/ui 组件的视觉化无代码主题编辑器