Overview
What is refine?โ
refine is a React-based framework for the rapid โจ development of web applications. It eliminates the repetitive tasks demanded by CRUD operations and provides industry standard solutions for critical parts 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 seamlessly works with any custom design or UI framework you favor. For convenience, it ships with ready-made integrations for Ant Design System, Material UI, and Mantine.
Use casesโ
refineย shines on data-intensive applications like admin panels, dashboards and internal tools. Thanks to built-in SSR support, refineย can also power customer-facing applications like storefronts.
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, Nhost, Appwrite, Firebase, Directus and Altogic
๐ SSR support with Next.js or Remix
โ 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
โ Full test coverage
Communityโ
refine has a very friendly community and we are always happy to help you get started:
- Join the Discord Community โ it is the easiest way to get help, all questions are usually answered in about 30 minutes.
- GitHub Discussions โ ask anything about the project or give feedback.
- Contributing โ learn how to contribute refine project.
- Guest Technical Writer Program โ join the program and become a blog writer for refine.
Roadmapโ
You can find Refine's Public Roadmap here!
Next Stepsโ
๐ Continue with Quickstart guide to setup and run your first refine project.
๐ Or jump directly to Refine - Ant Design Tutorial to learn refine by building a full-blown CRUD application.