const App = () => (
<Admin
dataProvider={dataProvider}
authProvider={authProvider}
layout={Layout}
dashboard={Dashboard}
>
<Resource name="deals" {...deals} />
<Resource name="contacts" {...contacts} />
<Resource name="companies" {...companies} />
</Admin>
);
That's because react-admin is easy to learn, robust, stable, and a joy to code with.
Have an API? Instantly turn it into an admin panel! With just 11 lines of code, React-admin creates a fully functional admin interface leveraging modern React, ready to be customized.
import React from 'react';
import { Admin, Resource, ListGuesser, EditGuesser } from 'react-admin';
import apiClient from 'ra-data-json-server';
const dataProvider = apiClient('https://jsonplaceholder.typicode.com');
export const App = () => (
<Admin dataProvider={dataProvider}>
<Resource name="users" list={ListGuesser} edit={EditGuesser}/>
<Resource name="posts" list={ListGuesser} edit={EditGuesser}/>
<Resource name="comments" list={ListGuesser} edit={EditGuesser}/>
</Admin>
);
Focus on business logic and let react-admin handle common
features.
The vast library of hooks and components covers most use cases.
Batch Actions
Rich text editor
Roles & Permissions
Preferences
Theming
Responsive
Columns Selector
History & Versioning
Relationships
Search & Filter
Notifications
Virtualization
Caching
Single Sign-On
Accessibility
Realtime
Forms & validation
Undo
File Upload
Calendar & Scheduling
Import / Export
Routing
Tree Structures
Full-featured datagrid
Error Handling
Headless
i18n
Responsive
Batch Actions
Notifications
Forms & validation
Relationships
Realtime
Single Sign-On
Preferences
i18n
Full-featured datagrid
History & Versioning
Error Handling
Routing
Rich text editor
Search & Filter
Virtualization
Theming
Undo
Import / Export
Columns Selector
Accessibility
Roles & Permissions
File Upload
Headless
Calendar & Scheduling
Caching
Tree Structures
Caching
Headless
Preferences
Columns Selector
Tree Structures
Undo
Responsive
Roles & Permissions
Import / Export
File Upload
Rich text editor
Relationships
Forms & validation
i18n
History & Versioning
Accessibility
Batch Actions
Full-featured datagrid
Virtualization
Single Sign-On
Notifications
Search & Filter
Error Handling
Theming
Routing
Calendar & Scheduling
Realtime
Calendar & Scheduling
Preferences
Search & Filter
History & Versioning
Realtime
Virtualization
Rich text editor
Theming
Single Sign-On
Responsive
Import / Export
Notifications
Batch Actions
Tree Structures
Headless
Error Handling
Undo
Forms & validation
File Upload
Full-featured datagrid
Caching
Roles & Permissions
Columns Selector
i18n
Relationships
Accessibility
Routing
File Upload
Roles & Permissions
Search & Filter
Headless
Relationships
Rich text editor
Caching
Error Handling
Routing
Virtualization
History & Versioning
Theming
Notifications
Single Sign-On
Tree Structures
Forms & validation
Full-featured datagrid
Responsive
Batch Actions
Accessibility
Realtime
Calendar & Scheduling
Undo
Import / Export
i18n
Columns Selector
Preferences
Use one of the 10+ auth adapters for third-party authentication backends, 50+ API adapters for REST and GraphQL backends, or write your own in minutes. React-admin is backend agnostic.
― Alan Kay, inventor of Object-Oriented Programming.
“React-Admin has saved us sooo much time and the team is really impressed with how quickly we can flesh out our CMS. Really great work!”
Richard Willis
Senior Full Stack Developer, UK
“We have recommended react-admin to several organizations. We are more than satisfied with react-admin and we are excited to continue using react-admin in the future!”
Alexander Rees
Head of Web Development, Caritas
“I am definitely enjoying using react-admin. I was exposed to it a few years ago on a product/project I inherited and maintain, and now am using it for two other projects.”
Jeff Israel
Head of Engineering, Code Finds a Way
“React-admin has allowed us to quickly create and evolve a powerful tool that otherwise would have taken months of time and effort to develop.”
Guillermo Noain
Tech Lead, Iron Hack
“React-admin is simpler to setup and more customizable than forest admin. Support is great, documentation is rich of examples and explain well the philosophy of the library.”
Nicolas Girault
Software Engineer, lalilo
“We've been using react admin in our company project for quite some time now and we loved it. We really appreciate your hard work and we wish all the best for the react-admin project.”
Patrick André TOLOJANAHARY
FullStack Software Developer, SmartPredict
“Having been using react-admin since 2018, I can vouch for its greatness. Their expert team knows how to leverage popular and proven libraries for both production and development purposes. Always willing to embrace change and adopt the latest best practices.”
“We were looking to improve the graphic interface of our custom made web admins. We ended up changing our entire client-side infrastructure to one based on React-admin in record time!”
Aníbal Svarcas
Senior Developer, Metiri
“Having built React Admin into our products, it's allowed us to develop simplistic CMS's right through to complex, highly integrated web apps, with confidence and repeated success, it's an incredible framework.”
React
Material UI
React Router
React-query
React-hook-form
TypeScript
Sponsored and supported by Marmelab since 2016
Open-source Edition
Forever. This is open-source (MIT).
Enterprise Edition
Starts from 145€/month