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