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.
History & Versioning
Responsive
Batch Actions
Caching
Virtualization
File Upload
Forms & validation
Headless
i18n
Routing
Search & Filter
Realtime
Undo
Error Handling
Calendar & Scheduling
Rich text editor
Full-featured datagrid
Preferences
Accessibility
Notifications
Single Sign-On
Theming
Roles & Permissions
Tree Structures
Import / Export
Columns Selector
Relationships
Relationships
Columns Selector
Caching
Batch Actions
History & Versioning
Single Sign-On
File Upload
Realtime
Forms & validation
Headless
Preferences
Responsive
Routing
Undo
Virtualization
Import / Export
Error Handling
Calendar & Scheduling
Accessibility
Rich text editor
Search & Filter
Theming
i18n
Notifications
Roles & Permissions
Full-featured datagrid
Tree Structures
Batch Actions
Routing
Full-featured datagrid
Import / Export
Columns Selector
Theming
Error Handling
Relationships
Calendar & Scheduling
Responsive
Virtualization
Preferences
Rich text editor
Tree Structures
Accessibility
Realtime
Undo
Forms & validation
Roles & Permissions
Single Sign-On
Caching
Notifications
Search & Filter
i18n
History & Versioning
File Upload
Headless
Preferences
Batch Actions
Responsive
Roles & Permissions
Realtime
Accessibility
Error Handling
File Upload
Tree Structures
Rich text editor
i18n
Caching
Columns Selector
Relationships
Single Sign-On
Undo
History & Versioning
Search & Filter
Routing
Theming
Virtualization
Calendar & Scheduling
Forms & validation
Full-featured datagrid
Import / Export
Notifications
Headless
Theming
Routing
Calendar & Scheduling
Forms & validation
i18n
Caching
Relationships
Roles & Permissions
History & Versioning
Virtualization
Columns Selector
Batch Actions
Notifications
Single Sign-On
Preferences
File Upload
Rich text editor
Search & Filter
Headless
Undo
Tree Structures
Accessibility
Error Handling
Realtime
Import / Export
Full-featured datagrid
Responsive
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