Skip to main content

Unlock powerful debugging and effortless query monitoring with refine DevtoolsLearn More

Quick Start Guide

Audit Log with Antd

Audit Log Provider

Monorepo with Turbo

Monorepo with Lerna

Command Palette

useInfiniteList

Custom Theme Ant Design

Custom Theme Chakra UI

Custom Theme Material UI

Custom Theme Mantine

Custom Login Page

Off Layout Area

RTL (Right to Left)

Top Menu Layout

Multiple Providers

useCheckboxGroup

useSelect with infinite list

useAutocomplete

Module Federation

Multi-level Menu

With `app/` Directory

Authentication with NextAuth.js

Authentication with remix-auth

Storybook with Ant Design

Storybook with Material UI

useEditableTable

Cursor Pagination

Multipart Upload

Multipart Upload

Multipart Upload

Sign-In with Ethereum

refine Devtools

React Router v6

Okta Auth Provider

Migrating Auth Provider

Migrating Router Provider

Version: 4.xx.xx

Mutation Modes

Mutation mode determines which mode the mutation runs with. Mutations can run under three different modes: pessimistic, optimistic and undoable. You can experience them with this app.

Refer to the Mutation Mode documentation for more information →

Ant Design
Chakra UI
Mantine
Material UI

View Source Code

Run on your local

npm create refine-app@latest -- --example form-antd-mutation-mode

View Source Code

Run on your local

npm create refine-app@latest -- --example form-chakra-ui-mutation-mode

View Source Code

Run on your local

npm create refine-app@latest -- --example form-mantine-mutation-mode

View Source Code

Run on your local

npm create refine-app@latest -- --example form-material-ui-mutation-mode

Multi-level Menu