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.

Start Tutorial Read the docs

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.

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;