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.

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, Resource } from "@pankod/refine";
2import dataProvider from "@pankod/refine-simple-rest";
3import "@pankod/refine/dist/styles.min.css";
4
5import { PostList, PostCreate, PostEdit, PostShow } from "pages/posts";
6
7const API_URL = "https://api.fake-rest.refine.dev";
8
9const App: React.FC = () => {
10 return (
11 <Refine dataProvider={dataProvider(API_URL)}>
12 <Resource
13 name="posts"
14 list={PostList}
15 create={PostCreate}
16 edit={PostEdit}
17 show={PostShow}
18 />
19 </Refine>
20 );
21};
22
23export 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 and Altogic.

nodejsjava
dotnetstrapi
airtablejson-api
nestpython
supabasego
supabasego

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