React-admin Demos

If you want to see what react-admin is capable of, or if you want to learn from apps built by seasoned react-admin developers, check out these demos.

E-commerce

The admin of a fictional poster shop, allowing to manage sales, products, customers and reviews. Built by the core team.

• Demo: https://marmelab.com/react-admin-demo/
• Source code: https://github.com/marmelab/react-admin/tree/master/examples/demo

The source shows how to implement the following features:

• Custom theme with white AppBar
• d3.js chart with Recharts
• List widget embedded in another page
• Tabbed Datagrid
• Row expand with a custom show view
• Grid list showing a list of images
• Filter sidebar
• Custom form layout
• Custom page with static list
• Edit view in a sidebar

CRM

A complete CRM app allowing to manage contacts, companies, deals, notes, tasks, and tags. Built by the core team.

• Demo: https://marmelab.com/react-admin-crm/
• Source code: https://github.com/marmelab/react-admin/tree/master/examples/crm

The source shows how to implement the following features:

• Horizontal navigation
• Custom d3.js / Nivo Chart in the dashboard
• Add or remove tags to a contact
• Use dataProvider hooks to update notes
• Custom grid layout for companies
• Filter by “my favorites” in the company list
• Trello-like board for the deals pipeline

Blog

A simple application with posts, comments and users that we use for our e2e tests. Not designed to have a good UX, but to use most of the react-admin features. Built by the core team.

• Demo: https://iuxnw.sse.codesandbox.io/
• Source code: https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/simple

Other Apps

Check out Issue #4027 on the react-admin GitHub for a list of apps built by other people.

Navidrome

A Spotify clone, allowing to manage songs, artists, playlists, and favorites.

• Demo: https://demo.navidrome.org/app/
• Source code: https://github.com/navidrome/navidrome/

Broadcom Layer 7 API Hub

A framework built on top of react-admin for building developer portals.

• Source code: https://github.com/CAAPIM/APIHub

Your App Here / showcase

Did you publish an app built with react-admin with open-source code? Open a PR on this page to add it to this list.