Skip to main content

Unlock powerful debugging and effortless query monitoring with refine DevtoolsLearn More

Quick Start Guide

General Concepts

Access Control Provider

Audit Log Provider

Notification Provider

Router Provider

<LayoutWrapper>

<Authenticated>

Interface References

List of Packages

Command Palette

RealWorld Example

Command Palette

Custom Login Page

Off Layout Area

RTL (Right to Left)

Top Menu Layout

Multiple Providers

useCheckboxGroup

Custom Form Validation

Save and Continue

Multi-level Menu

With `app/` Directory

useEditableTable

Cursor Pagination

Multipart Upload

Multipart Upload

Multipart Upload

Sign-In with Ethereum

Migration Guide

Further Readings

Version: 3.xx.xx

Custom Login Page

With refine, you may customize your Login pages to match your own case and demands. You can also manage your Custom Login Page with refine's Auth Provider hooks. This example explains how to create a basic custom login page.

View Source Code

Run on your local

npm create refine-app@latest -- --example customization-login