Skip to main content
Version: 4.xx.xx


What is refine?​

refine is a React-based framework that enables rapid development of web applications. It eliminates the repetitive tasks demanded by CRUD operations and provides industry standard solutions for critical parts of a project like authentication, access control, routing, networking, state management and i18n.

refine is headless by design, offering unlimited styling and customization options.

What do you mean by "headless" ?​

Instead of being a limited set of pre-styled components, refine is a collection of helperΒ hooks,Β componentsΒ andΒ providers. They are all decoupled from your UI components and business logic, so they never keep you from customizing your UI or coding your own flow.

refine also ships with ready-made integrations for Ant Design System, Material UI, Mantine, and Chakra UI for convenience.

All in all, refine just works seamlessly with any custom designs or UI frameworks.

Use cases​

refine shines when it comes to data-intensive applications like admin panels, dashboards and internal tools. Thanks to the built-in SSR support, refine can also power customer-facing applications like storefronts.

Refine diagram

Key Features​

βš™οΈ Zero-config, one-minute setup with a single CLI command

πŸ”Œ Connectors for 15+ backend services including REST API, GraphQL, NestJs CRUD, Airtable, Strapi, Strapi v4, Strapi GraphQL, Supabase, Hasura, Appwrite, Firebase, and Directus.

🌐 SSR support with Next.js or Remix

πŸ” Auto-generation of CRUD UIs based on your API data structure

βš› Perfect state management & mutations with React Query

πŸ”€ Advanced routing with any router library of your choice

πŸ” Providers for seamless authentication and access control flows

⚑ Out-of-the-box support for live / real-time applications

πŸ“„ Easy audit logs & document versioning

πŸ’¬ Support for any i18n framework

πŸ’ͺ Future-proof, robust architecture

βŒ›οΈ Built-in CLI with time-saving features

βœ… Full test coverage


refine has a very friendly community and we are always happy to help you get started:

Next Steps​

πŸ‘‰ Continue with the Quickstart guide to setup and run your first refine project.

πŸ‘‰ Jump directly to the Tutorial to learn refine by building a full-blown CRUD application.