Repolode
提交项目
refinedev

refinedev/refine

一个无头（headless）React 元框架，用于快速构建以 CRUD 为主的管理后台、仪表盘和内部工具。

可替代:RetoolAppsmith

在 GitHub 查看官网
Star
35,913
Fork
3,251
未关闭 Issue
49
最近提交
上个月

这是什么？

Refine 是一个面向 CRUD 密集型 Web 应用的 React 元框架，适用于管理后台、仪表盘、内部工具和 B2B 应用。它介于低代码平台和从零开发之间，通过 Hooks 和组件处理身份认证、权限控制、路由、数据请求、状态管理和国际化等通用问题，同时把界面交给开发者自行决定。

核心采用无头（headless）架构，业务逻辑与展示层解耦。内置对 Ant Design、Material UI、Mantine 和 Chakra UI 的支持，也可配合 Tailwind CSS 等自定义设计使用。路由通过统一的路由接口抽象，可用于 Next.js、Remix、React Router 和 React Native，并支持 Next.js 与 Remix 的 SSR。

数据访问通过连接器实现，已支持 15 种以上后端，包括 REST API、GraphQL、NestJS CRUD、Supabase、Strapi、Hasura、Appwrite、Firebase、Sanity 和 Directus。数据层基于 React Query 构建。

核心功能

  • 01提供无头 Hooks 和组件，覆盖身份认证、权限控制、路由、网络请求和国际化
  • 02支持 15 种以上后端连接器，如 REST、GraphQL、Supabase、Strapi 和 Firebase
  • 03内置 Ant Design、Material UI、Mantine、Chakra UI 支持，也可使用自定义样式
  • 04支持 Next.js 与 Remix 的 SSR，路由可兼容多种路由库
  • 05数据请求与变更基于 React Query 实现，并支持实时应用

适用场景

  • 基于现有 REST 或 GraphQL 接口搭建内部工具和管理后台
  • 开发带角色权限控制的 B2B 仪表盘
  • 借助 Ant Design 或 MUI 等现有 UI 库快速搭建 CRUD 原型
  • 使用 SSR 构建数据密集型的面向用户应用，如电商店铺

快速上手

  1. 1

    使用 create-refine-app 脚手架创建新项目

    npm create refine-app@latest my-refine-app

使用前须知

  • 需要基于 React 的技术栈，并建议熟悉 TypeScript。
  • 基于 React Query 和 CRUD 模式构建，不太适合非 CRUD 类应用。

标签

#react#crud#admin-panel#dashboard#headless#typescript#internal-tools#react-query#admin#admin-ui

常见问题

refine 是什么？
一个无头（headless）React 元框架，用于快速构建以 CRUD 为主的管理后台、仪表盘和内部工具。 Refine 是一个面向 CRUD 密集型 Web 应用的 React 元框架，适用于管理后台、仪表盘、内部工具和 B2B 应用。它介于低代码平台和从零开发之间，通过 Hooks 和组件处理身份认证、权限控制、路由、数据请求、状态管理和国际化等通用问题，同时把界面交给开发者自行决定。
refine 可以免费使用吗？用的什么许可证？
refine 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
refine 还在维护吗？
半年内有更新。refine 最近一次提交是在 2026年9月10日。
refine 适合用来做什么？
基于现有 REST 或 GraphQL 接口搭建内部工具和管理后台 开发带角色权限控制的 B2B 仪表盘 借助 Ant Design 或 MUI 等现有 UI 库快速搭建 CRUD 原型 使用 SSR 构建数据密集型的面向用户应用，如电商店铺
refine 怎么安装和运行？
使用 create-refine-app 脚手架创建新项目: npm create refine-app@latest my-refine-app
在哪里获取 refine？
源代码和安装说明在 GitHub 上：https://github.com/refinedev/refine

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目