Key features
Fast
Up to 3x increase in speed of development. (*)
Headless
Works with any UI framework.
Flexible
No limits for your custom styling and business logic.
Universal
Single framework for internal tools and customer-facing apps. SSR included.
Future-proof
Robust architecture, full test coverage and no technical debt.
1-minute setup
Start your project with a single CLI command.
Your API is supported, out of the box!
Connects to any REST or GraphQL custom backend.
Built-in support for
NestJs CRUD, Airtable, Strapi, Strapi GraphQL, Supabase, Hasura, Nhost, Appwrite, Firebase, Directus and Altogic
Fast and Flexible
Solution
Higher-level frontend frameworks can save you a lot time, but they typically offer you a trade-off between speed and flexibility.
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.
1import { Refine } from "@pankod/refine-core";2import dataProvider from "@pankod/refine-simple-rest";3import routerProvider from "@pankod/refine-react-router-v6";45import { PostList, PostCreate, PostEdit, PostShow } from "pages/posts";67const API_URL = "https://api.fake-rest.refine.dev";89const App: React.FC = () => {10 return (11 <Refine12 routerProvider={routerProvider}13 dataProvider={dataProvider(API_URL)}14 resources={[15 {16 name: "posts",17 list: PostList,18 create: PostCreate,19 edit: PostEdit,20 show: PostShow,21 },22 ]}23 />24 );25};2627export default App;