marmelab.com

Logo React-admin React-admin
open-source

The React Framework
for B2B Apps

React-admin offers the best developer experience, lets you focus on business needs, and build delightful user interfaces.

Get started

Image Hero

const App = () => (
	<Admin
		dataProvider={dataProvider}
		authProvider={authProvider}
		layout={Layout}
		dashboard={Dashboard}
	>
		<Resource name="deals" {...deals} />
		<Resource name="contacts" {...contacts} />
		<Resource name="companies" {...companies} />
	</Admin>
);

Build Admins Panels, Internal Tools, Dashboards, ERPs, and B2B Apps, Fast.

From simple CRUD apps to business management systems,
including custom-designed applications,
react-admin adapts to projects of all sizes.

Used by more than 30,000 companies worldwide

That's because react-admin is easy to learn, robust, stable, and a joy to code with.

Get started in minutes

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>
);

Works With Any UI Kit

React-admin is flexible and adapts to your design system.
Choose from our ready-made implementations or build your own.

Material UI

The default implementation with Google's Material Design. Production-ready with 230+ components.

React-admin arrow right icon

Shadcn/ui

Modern, accessible components built with Radix UI and Tailwind CSS for a sleek design.

Shadcn Admin Kit arrow right icon

Headless

Headless

Unstyled components and hooks. Build your own UI with complete design freedom.

Ra-Core arrow right icon

All the building blocks you need

Focus on business logic and let react-admin handle common features.
The vast library of hooks and components covers most use cases.

Already works with your API

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.

Your api

Simple things should be simple
and complex things should be possible.

― Alan Kay, inventor of Object-Oriented Programming.

Read what people say about it...

“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

metiri

“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

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

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

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

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

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.”

marinetraffic

“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

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.”

The distance

React Admin is Open-Source

Sponsored and supported by Marmelab since 2016

Open-source Edition Open-source Edition

  • 170+ hooks and components
    • Guessers
    • Datagrids
    • Filters
    • Forms & Validation
    • Relationships
    • Authentication
    • Access Control
    • Undo
    • Menus
    • Preferences
    • Theming
    • I18n
    • Strong Typing
    • ...and much more!
  • Documentation, storybook, and example apps
  • Community support via
    Stack Overflow and Discord.
  • Weekly bug fix releases

Free

Forever. This is open-source (MIT).

Enterprise Edition Enterprise Edition

  • 230+ hooks and components
  • Includes all open-source content, plus:
    • Fine-grained permissions (RBAC)
    • Editable datagrid
    • Nested forms
    • Many-to-many relationships
    • Soft delete
    • Versioning
    • Realtime updates
    • Calendar and events
    • Tree structures
    • JSON Schema form
    • Site-wide search
    • Audit log
    • Scheduler
    • Alternative form and page layouts
    • etc.
  • Professional support by email with guaranteed response time
  • 50% discount on Professional Services

Discover

Starts from 145€/month

Read the original on marmelab.com ↗