Skip to main content

A React-based framework
for building data-intensive applications in no time.

Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. It ships with Ant Design System, an enterprise-level UI toolkit.

refine: Open Source React Framework - Focus your business logic. refine will do the rest. | Product Hunt

Use-cases include, but are not limited to admin panels, B2B applications and dashboards.

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.

After many years of experience in developing B2B frontend applications and working with popular frameworks, we came up with a new approach to tackle this dilemma. This is how refine is born.

Arrow
1import { Refine } from "@pankod/refine";
2import dataProvider from "@pankod/refine-simple-rest";
3import routerProvider from "@pankod/refine-react-router";
4import "@pankod/refine/dist/styles.min.css";
5
6import { PostList, PostCreate, PostEdit, PostShow } from "pages/posts";
7
8const API_URL = "https://api.fake-rest.refine.dev";
9
10const App: React.FC = () => {
11 return (
12 <Refine
13 routerProvider={routerProvider}
14 dataProvider={dataProvider(API_URL)}
15 resources={[
16 {
17 name: "posts",
18 list: PostList,
19 create: PostCreate,
20 edit: PostEdit,
21 show: PostShow,
22 },
23 ]}
24 />
25 );
26};
27
28export default App;

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, Appwrite, Firebase and Altogic

nodejsAppwrite
dotnetstrapi
airtablejson-api
nestpython
supabasego
GraphQLaltogic

Other key features

Zero-configuration

Zero-configuration

One-line setup with superplate. It takes less than a minute to start a project.

Decoupled UI

Decoupled UI

UI components are exposed directly without encapsulation. You have full control on UI elements.

Out-of-the-box

Out-of-the-box

Routing, networking, authentication, state management, i18n and UI.

Powerful Default UI

Powerful Default UI

Works seamlessly with integrated Ant Design System. (Support for multiple UI frameworks is on the Roadmap)

Native Typescript Core

Native Typescript Core

You can always opt out for plain Javascript.

Boilerplate-free Code

Boilerplate-free Code

Keeps your codebase clean and readable.

Get started using refine