Refine
Generate the admin panel instead of designing it
Refine is a React framework for data heavy interfaces: admin panels, dashboards and internal tools. It handles routing, data fetching, forms, tables, filtering and auth against a wide set of backends, and lets you pick the component library it renders with.
The right tool for the wrong looking screens
Internal tools are mostly the same twelve screens: a list with filters, a detail view, a create form, an edit form. Refine treats those as generated from a data provider rather than built by hand, which is the correct instinct.
It is headless about presentation, so the same application can render through Material UI, Ant Design, Chakra or your own components. That keeps the generated part separate from the designed part.
Where it stops fitting
It is built for resource shaped data. An interface that is genuinely custom, a canvas, an editor, a graph view, fights the abstraction rather than benefiting from it.
Use it for the admin side and build the customer facing product separately. Trying to make one framework serve both is where projects like this usually go wrong.
Reach for it when
- you need an admin panel and do not want to design one
- the data is resource shaped, with lists and detail views
- you want to keep your choice of component library
Watch out for
- genuinely custom interfaces fight the abstraction
- a large framework surface to learn for a small tool
- an enterprise edition is sold alongside the open source core
Compare with these
- Starter kitsFree
create-t3-app
A typesafe Next.js starter that adds nothing you did not ask for
- nextjs
- typescript
- trpc
MITRead - Starter kitsFree
Next.js SaaS Starter
Auth, teams and Stripe subscriptions, maintained by Vercel
- nextjs
- stripe
- postgres
MITRead - Starter kitsFree
Open SaaS
A complete, genuinely free SaaS template with an admin dashboard
- wasp
- react
- stripe
MITRead