Repolode
Submit
refinedev

refinedev/refine

A headless React meta-framework for building CRUD-heavy admin panels, dashboards, and internal tools.

Open-source alternative to:RetoolAppsmith

View on GitHubWebsite
Stars
35,913
Forks
3,251
Open issues
49
Last commit
last month

What is it?

Refine is a React meta-framework for CRUD-heavy web applications such as admin panels, dashboards, internal tools and B2B apps. It sits between low-code builders and writing everything from scratch: its hooks and components handle common concerns like authentication, access control, routing, data fetching, state management and i18n, while leaving the UI up to you.

Because the core is headless, business logic is decoupled from presentation. It ships with built-in support for Ant Design, Material UI, Mantine and Chakra UI, and can be used with custom designs such as Tailwind CSS. Routing is abstracted through a router interface, so it works with Next.js, Remix, React Router and React Native, and includes SSR support for Next.js and Remix.

Data access is provided through connectors for more than 15 backends, including REST APIs, GraphQL, NestJS CRUD, Supabase, Strapi, Hasura, Appwrite, Firebase, Sanity and Directus. Data handling is built on React Query.

Key features

  • 01Headless hooks and components for auth, access control, routing, networking and i18n
  • 02Connectors for 15+ backends such as REST, GraphQL, Supabase, Strapi and Firebase
  • 03Built-in support for Ant Design, Material UI, Mantine and Chakra UI, or custom styling
  • 04SSR support with Next.js and Remix, with routing compatible with multiple router libraries
  • 05Data fetching and mutations built on React Query, plus live/real-time support

Use cases

  • Building internal tools and admin panels on top of an existing REST or GraphQL API
  • Creating B2B dashboards with role-based access control
  • Prototyping CRUD apps quickly with an existing UI library like Ant Design or MUI
  • Building data-heavy customer-facing apps such as storefronts with SSR

Quick start

  1. 1

    Create a new project with the create-refine-app scaffolder

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

Things to know

  • Requires a React-based stack and TypeScript knowledge to use effectively.
  • Built around React Query and CRUD patterns, so it is less suited to non-CRUD apps.

Topics

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

FAQ

What is refine?
A headless React meta-framework for building CRUD-heavy admin panels, dashboards, and internal tools. Refine is a React meta-framework for CRUD-heavy web applications such as admin panels, dashboards, internal tools and B2B apps. It sits between low-code builders and writing everything from scratch: its hooks and components handle common concerns like authentication, access control, routing, data fetching, state management and i18n, while leaving the UI up to you.
Is refine free to use? What license does it have?
refine is open source under the MIT license. Check the license terms before using it in commercial products.
Is refine still maintained?
Updated within 6 months. The last commit to refine was on Sep 10, 2026.
What can I use refine for?
Building internal tools and admin panels on top of an existing REST or GraphQL API Creating B2B dashboards with role-based access control Prototyping CRUD apps quickly with an existing UI library like Ant Design or MUI Building data-heavy customer-facing apps such as storefronts with SSR
How do I install refine?
Create a new project with the create-refine-app scaffolder: npm create refine-app@latest my-refine-app
Where can I get refine?
The source code and installation instructions are on GitHub: https://github.com/refinedev/refine

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects