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, 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;