{"name":"react-admin: A Frontend Framework for React & Material Design Admin Apps","description":"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","url":"https://osrepos.com/repo/marmelab-react-admin","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/marmelab-react-admin","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/marmelab-react-admin.md","json":"https://osrepos.com/repo/marmelab-react-admin.json","topics":["react-admin","admin-dashboard","frontend-framework","react","typescript","material-ui","graphql","rest-api"],"keywords":["react-admin","admin-dashboard","frontend-framework","react","typescript","material-ui","graphql","rest-api"],"stars":null,"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.","content":"## Introduction\n\nreact-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.\n\n## Installation\n\nGetting started with react-admin is straightforward. You can install it and its dependencies using npm or yarn:\n\nsh\nnpm install react-admin\n# or\nyarn add react-admin\n\n\n## Examples\n\nThe repository includes several examples to help you understand and implement react-admin in various scenarios:\n\n*   **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).\n*   **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).\n*   **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).\n*   **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).\n*   **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).\n\n## Why Use react-admin?\n\nreact-admin stands out due to its powerful features and developer-friendly design:\n\n*   **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.\n*   **Comprehensive Building Blocks**: Offers a full suite of hooks and components for authentication, routing, forms, validation, datagrids, search, filters, relationships, i18n, notifications, and more.\n*   **High Quality**: Focuses on accessibility, responsiveness, security, speed, and testability, ensuring a robust application.\n*   **Great Developer Experience**: Provides complete documentation, IDE autocompletion, type safety, Storybook integration, and modular architecture.\n*   **Complete Customization**: Allows developers to replace any component with their own, offering unparalleled flexibility.\n*   **Opt-In Types**: Supports both TypeScript and JavaScript development, catering to different preferences.\n*   **Powered by Leading Technologies**: Built on top of Material UI, react-hook-form, react-router, react-query, and TypeScript.\n\n## Links\n\n*   **Homepage**: [https://marmelab.com/react-admin/](https://marmelab.com/react-admin/)\n*   **Documentation**: [https://marmelab.com/react-admin/documentation.html](https://marmelab.com/react-admin/documentation.html)\n*   **GitHub Repository**: [https://github.com/marmelab/react-admin](https://github.com/marmelab/react-admin)\n*   **Blog**: [https://marmelab.com/en/blog/#react-admin](https://marmelab.com/en/blog/#react-admin)\n*   **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)","metrics":{"detailViews":6,"githubClicks":2},"dates":{"published":null,"modified":"2025-12-03T08:01:03.000Z"}}