| layout | title |
|---|---|
default |
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.
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
A complete CRM app allowing to manage contacts, companies, deals, notes, tasks, and tags. Built by the core team.
react-admin-crm.mp4
- 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
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
Check out Issue #4027 on the react-admin GitHub for a list of apps built by other people.
A Spotify clone, allowing to manage songs, artists, playlists, and favorites.
- Demo: https://demo.navidrome.org/app/
- Source code: https://github.com/navidrome/navidrome/
A framework built on top of react-admin for building developer portals.
<iframe width="560" height="315" src="https://www.youtube.com/embed/ecHsgNmug9E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>- Source code: https://github.com/CAAPIM/APIHub
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.