# react-admin: A Frontend Framework for React & Material Design Admin Apps This repository profile is provided by osrepos.com, an open source repository discovery platform. Source: osrepos.com Repository profile: https://osrepos.com/repo/marmelab-react-admin Generated for open source discovery and AI-assisted research. react-admin is a powerful frontend framework designed for building single-page applications. It seamlessly integrates with REST/GraphQL APIs, leveraging TypeScript, React, and Material Design for a robust and visually appealing admin interface. This framework provides all the necessary building blocks for creating complex administrative dashboards efficiently. GitHub: https://github.com/marmelab/react-admin OSRepos URL: https://osrepos.com/repo/marmelab-react-admin ## Summary react-admin is a powerful frontend framework designed for building single-page applications. It seamlessly integrates with REST/GraphQL APIs, leveraging TypeScript, React, and Material Design for a robust and visually appealing admin interface. This framework provides all the necessary building blocks for creating complex administrative dashboards efficiently. ## Topics - react-admin - admin-dashboard - frontend-framework - react - typescript - material-ui - graphql - rest-api ## Repository Information Last analyzed by OSRepos: Wed Dec 03 2025 08:01:03 GMT+0000 (Western European Standard Time) Detail views: 6 GitHub clicks: 2 ## Safety Notice OSRepos shares public repositories for knowledge and discovery only. Review source code, dependencies, licenses, and security implications before running or installing anything. ## Content ## Introduction react-admin is an acclaimed frontend framework developed by marmelab, specifically engineered for crafting single-page applications that interact with REST or GraphQL APIs. Built with TypeScript, React, and Material Design, it offers a comprehensive solution for developing administrative interfaces. With over 26,000 stars on GitHub, react-admin is a testament to its robust features and active community support. It provides a rich set of components and hooks, ensuring a smooth development experience and a high-quality user interface. ## Installation Getting started with react-admin is straightforward. You can install it and its dependencies using npm or yarn: sh npm install react-admin # or yarn add react-admin ## Examples The repository includes several examples to help you understand and implement react-admin in various scenarios: * **Simple Blog**: A basic blog application with posts, comments, and users, used for end-to-end testing. You can explore it on [StackBlitz](https://stackblitz.com/github/marmelab/react-admin/tree/master/examples/simple?file=src%2Findex.tsx). * **E-commerce Demo**: A fictional poster shop admin, serving as the official react-admin demo. Check out the [live demo](https://marmelab.com/react-admin-demo/) or its [source code](https://github.com/marmelab/react-admin/tree/master/examples/demo). * **CRM Application**: A customer relationship management application. See the [demo](https://marmelab.com/react-admin-crm/) and its [source code](https://github.com/marmelab/react-admin/tree/master/examples/crm). * **Helpdesk**: A ticketing application featuring real-time locks and notifications. Available as a [demo](https://marmelab.com/react-admin-helpdesk/) and with its [source code](https://github.com/marmelab/react-admin-helpdesk). * **Tutorial Application**: The application built by following the official tutorial, also available on [Stackblitz](https://stackblitz.com/github/marmelab/react-admin/tree/master/examples/tutorial). ## Why Use react-admin? react-admin stands out due to its powerful features and developer-friendly design: * **Backend Agnostic**: Connects to any API, whether REST or GraphQL, with a wide array of existing data providers and the flexibility to write custom ones. * **Comprehensive Building Blocks**: Offers a full suite of hooks and components for authentication, routing, forms, validation, datagrids, search, filters, relationships, i18n, notifications, and more. * **High Quality**: Focuses on accessibility, responsiveness, security, speed, and testability, ensuring a robust application. * **Great Developer Experience**: Provides complete documentation, IDE autocompletion, type safety, Storybook integration, and modular architecture. * **Complete Customization**: Allows developers to replace any component with their own, offering unparalleled flexibility. * **Opt-In Types**: Supports both TypeScript and JavaScript development, catering to different preferences. * **Powered by Leading Technologies**: Built on top of Material UI, react-hook-form, react-router, react-query, and TypeScript. ## Links * **Homepage**: [https://marmelab.com/react-admin/](https://marmelab.com/react-admin/) * **Documentation**: [https://marmelab.com/react-admin/documentation.html](https://marmelab.com/react-admin/documentation.html) * **GitHub Repository**: [https://github.com/marmelab/react-admin](https://github.com/marmelab/react-admin) * **Blog**: [https://marmelab.com/en/blog/#react-admin](https://marmelab.com/en/blog/#react-admin) * **Support (Discord/StackOverflow)**: [https://discord.gg/GeZF9sqh3N](https://discord.gg/GeZF9sqh3N) and [https://stackoverflow.com/questions/tagged/react-admin](https://stackoverflow.com/questions/tagged/react-admin)