Admin dashboard template built with React and Material UI
ReactAdmin dashboard
berry-free-react-admin-template — React Admin dashboard Template
By nixroxursox
A free admin dashboard template built with React and Material UI, offering 9 demo pages and released under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Free version includes 9 demo pages
Uses React Hooks API, with Redux and React Context API for state management
Handles navigation routing via React Router, supports Vite build and code splitting
Released under the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
Berry Free React Admin Template is an admin dashboard template built with React and Material UI, maintained by CodedThemes. The free version includes 9 demo pages and a responsive design that can be viewed in desktop and mobile browsers. The project is written using the React Hooks API, with state management combining Redux and the React Context API, routing handled by React Router, support for Vite build and code splitting, and styles organized via CSS-in-JS.
The free scope of this template is limited to the code in the public repository, released under the MIT license, which allows free use, modification, commercial use, and distribution, provided that the copyright notice and the full MIT license notice are retained when distributing copies or substantial portions of the code. The TypeScript version, Next.js Seed version, multilingual support, dark/light mode, RTL, multiple authentication methods (JWT, Auth0, Firebase, AWS, Supabase), and 45+ demo pages mentioned in the README are all part of the paid version and are not included in the free code covered here.
The README mentions Firebase integration; if enabling related dynamic features, you need to configure it yourself and check Firebase's quotas and charges. Demo images, fonts, icons, and other third-party assets need to be checked separately under their respective licenses and cannot be judged solely based on the MIT license of the code. External services such as domain names, hosting, databases, payments, or AI may incur additional charges.
ReactAdmin panel
Is it right for your project?
Use Cases
- Building the interface skeleton of an admin system
- As a learning reference for React and Material UI projects
- Reusing its page layouts and component structures in internal tools or admin panels
Suitable For
- Developers who need a React admin template
- Projects that want to quickly get started based on Material UI
- Teams that can accept configuring external services and third-party assets themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository from GitHub: git clone https://github.com/codedthemes/berry-free-react-admin-template.git
- 2
The README mentions Firebase integration; before enabling related dynamic features, you need to configure it yourself and check Firebase's quotas and charges
- 3
Third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses
- 4
The TypeScript version, Next.js Seed version, multilingual support, dark/light mode, RTL, and multiple authentication methods are part of the paid version and are not included in the free code
- 5
External services such as domain names, hosting, databases, payments, or AI may incur additional charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope is limited to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- Allows free use, modification, commercial use, and distribution of that version's code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The README mentions Firebase integration; before enabling related dynamic features, you need to configure it yourself and check Firebase's quotas and charges.
- Project materials mention optional paid versions or features; this entry only covers the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely based on the MIT license of the code.
- External services such as domain names, hosting, databases, payments, or AI may incur additional charges.
- The free version includes only 9 demo pages; 45+ demo pages are part of the paid version and are not within the scope of the free code.
- The TypeScript version is included only in the paid version and is not provided in the free version.
- Multilingual support is included only in the paid version and is not provided in the free version.
- Dark/light mode is included only in the paid version and is not provided in the free version.
- RTL layout is included only in the paid version and is not provided in the free version.
- Authentication methods such as JWT, Firebase, Auth0, AWS, and Supabase are included only in the paid version and are not provided in the free version.
- Figma design files are included only in the paid version and are not provided in the free version.
- More than 6 color options are included only in the paid version and are not provided in the free version.
- More components are included only in the paid version and are not provided in the free version.
- The paid version includes TypeScript, Next.js Seed version, applications, multiple authentication methods, advanced components, form plugins, layouts, widgets, and other features, none of which are in the free code.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
| **9** Demo pages | **45+** demo pages |
Original README
| - | ✓ TypeScript version |
Original README
| - | ✓ Multi-language |
Original README
| - | ✓ Dark/Light Mode 🌓 |
Original README
| - | ✓ RTL |
Original README
| - | ✓ JWT, Firebase, Auth0, AWS, Supabase authentications |
Original README
| - | ✓ Design files (Figma) |
Original README
| - | ✓ 6+ color Options |
Original README
| - | ✓ [More components](https://berrydashboard.com/components/autocomplete) |
Original README
https://github.com/nixroxursox/berry-free-react-admin-template/blob/main/LICENSEhttps://github.com/nixroxursox/berry-free-react-admin-template/blob/main/README.mdPro version](https://berrydashboard.com) of Berry react template contains features like TypeScript, Next.js Seed versions, Apps, Authentication Methods (i.e. JWT, Auth0, Firebase, AWS, Supabase), Advance Components, Form Plugins, Layouts, Widgets, and many more.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 74 / 100
- Technologies
- React
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-06-30
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: a22df2fcc4220b1eaf9ef67aa91f3de6e9a839276c60a6d423df227611b1e127
2026-10-13T10:15:12.729Z
Source file / repository# Berry Free React Material UI Admin Template [](https://twitter.com/intent/tweet?text=Get%20Berry%20React%20-%20The%20most%20beautiful%20Material%20designed%20Admin%20Dashboard%20Template%20&url=https://berrydashboard.com&via=codedthemes&hashtags=reactjs,webdev,developers,javascript)
[](https://opensource.org/licenses/MIT)
[](https://github.com/codedthemes/berry-free-react-admin-template/blob/main/LICENSE)
[](https://github.com/codedthemes/berry-free-react-admin-template/)
[](https://codedthemes.com/item/berry-mui-free-react-admin-template/)
[](https://discord.com/invite/p2E2WhCb6s)
Berry is a free Material UI admin dashboard template built with React. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops.
✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine
## Table of contents
- [Getting Started](#getting-started)
- [Download](#download)
- [Why Berry?](#why-berry)
- [What's included in Premium Version?](#whats-included-in-premium-version)
- [Documentation](#documentation)
- [Browser support](#browser-support)
- [Technology Stack](#technology-stack)
- [Berry Figma UI Kit](#berry-figma-ui-kit)
- [Other Technologies](#other-technologies)
- 💰[Save more with Big Bundle](#save-more-with-big-bundle)💰
- [More React Dashboard Templates](#more-react-dashboard-templates)
- [Issues?](#issues)
- [License](#license)
- [Contributor](#contributor)
- [Useful Resources](#useful-resources)
- [Community](#community)
- [Follow us](#follow-us)
## Getting Started
Clone from Github
```
git clone https://github.com/codedthemes/berry-free-react-admin-template.git
```
## Download
- Berry Free
- [Live Preview](https://berrydashboard.com/free/)
- [Download](https://github.com/codedthemes/berry-free-react-admin-template)
- Berry
- [Live Preview](https://berrydashboard.com)
- [Download](https://material-ui.com/store/items/berry-react-material-admin/)
## Why Berry?
Berry offers everything you need to create dashboards. We have included the following high-end features in our initial release:
- Modern aesthetics UI design
- Material-UI components
- Fully Responsive, all modern browser supported
- Easy to use code structure
- Flexible & High-Performance code
- Easy Documentation Guide
## What's included in Premium Version?
[Pro version](https://berrydashboard.com) of Berry react template contains features like TypeScript, Next.js Seed versions, Apps, Authentication Methods (i.e. JWT, Auth0, Firebase, AWS, Supabase), Advance Components, Form Plugins, Layouts, Widgets, and many more.
| [Berry Free](https://berrydashboard.com/free/) | [Berry](https://material-ui.com/store/items/berry-react-material-admin/) |
| ---------------------------------------------- | :----------------------------------------------------------------------- |
| **9** Demo pages | **45+** demo pages |
| - | ✓ Multi-language |
| - | ✓ Dark/Light Mode 🌓 |
| - | ✓ TypeScript version |
| - | ✓ Design files (Figma) |
| - | ✓ 6+ color Options |
| - | ✓ RTL |
| - | ✓ JWT, Firebase, Auth0, AWS, Supabase authentications |
| - | ✓ [More components](https://berrydashboard.com/components/autocomplete) |
## Documentation
[Berry Documentation](https://codedthemes.gitbook.io/berry/) helps you with installation, deployment, and troubleshooting.
## Browser support
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/chrome.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/edge.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/safari.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/firefox.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/opera.png" width="45" height="45" >
## Technology Stack
- [Material UI V7](https://material-ui.com/)
- [React 19](https://react.dev/)
- Built with React Hooks API
- Redux & React Context API for State Management
- React Router for Navigation Routing
- Support of vite
- Code Splitting
- CSS-in-JS where CSS is composed using JavaScript instead of defined in external files
## Berry Figma UI Kit
<div>
<a href="https://codedthemes.com/item/berry-free-figma-ui-kit/">
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma_Free_Berry.png" width="450" alt="Figma Free">
</a>
<a href="https://codedthemes.com/item/berry-figma-ui-kit/">
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma-Pro-Berry.png" width="450" alt="Figma Pro">
</a>
</div>
## Other Technologies
| Technology | Free | Pro |
| --------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Angular.png" width="25" height="25"></p> | [**Free**](https://codedthemes.com/item/berry-angular-free-admin-template/) | [**Pro**](https://codedthemes.com/item/berry-angular-admin-dashboard-template/) |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Bootstrap.png" width="30" height="30"></p> | [**Free**](https://codedthemes.com/item/berry-bootstrap-free-admin-template/) | [**Pro**](https://codedthemes.com/item/berry-bootstrap-5-admin-template/) |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Vue.png" width="25" height="25"></p> | [**Free**](https://codedthemes.com/item/berry-free-vuetify-vuejs-admin-template/) | [**Pro**](https://codedthemes.com/item/berry-vue-admin-dashboard/) |
## Save more with Big Bundle
[](https://links.codedthemes.com/jhFBJ)
## More React Dashboard Templates
| Dashboard | FREE | PRO |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Mantis%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://mantisdashboard.io/free/) | [**Pro**](https://mui.com/store/items/mantis-react-admin-dashboard-template/)</span> |
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Datta%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/datta-able-react-free-admin-template/) | [**Pro**](https://codedthemes.com/item/datta-able-react-admin-template/)</span> |
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Gradient%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/gradient-able-reactjs-free-admin-template/) | [**Pro**](https://codedthemes.com/item/gradient-able-reactjs-admin-dashboard/)</span> |
## Issues
To report a bug, please submit an [issue](https://github.com/codedthemes/berry-free-react-admin-template/issues) on Github. We will respond as soon as possible to resolve the issue.
## License
- Licensed cover under [MIT](https://github.com/codedthemes/berry-free-react-admin-template/blob/main/LICENSE)
## Contributor
**CodedThemes Team**
- https://x.com/codedthemes
- https://github.com/codedthemes
**Rakesh Nakrani**
- https://x.com/rakesh_nakrani
**Brijesh Dobariya**
- https://x.com/dobaria_brijesh
## Useful Resources
- [More Admin Templates From CodedThemes](https://codedthemes.com/item/category/admin-templates/)
- [Freebies From CodedThemes](https://codedthemes.com/item/category/free-templates/)
- [Big Bundles](https://codedthemes.com/item/big-bundle/)
- [Figma UI Kits](https://codedthemes.com/item/category/templates/figma/)
- [Affiliate Program](https://codedthemes.com/affiliate/)
- [Blogs](https://blog.codedthemes.com/)
## Community
- 👥Follow [@codedthemes](https://x.com/codedthemes)
- 🔗Join [Discord](https://discord.com/invite/p2E2WhCb6s)
- 🔔Subscribe to [Codedtheme Blogs](https://blog.codedthemes.com/)
## Follow us
- [Twitter](https://twitter.com/codedthemes) 🐦
- [Dribbble](https://dribbble.com/codedthemes) 🏀
- [Github](https://github.com/codedthemes) 🐙
- [LinkedIn](https://www.linkedin.com/company/codedthemes/) 💼
- [Instagram](https://www.instagram.com/codedthemes/) 📷
- [Facebook](https://www.facebook.com/codedthemes) 🟦
Explore similar templates
Compare previews and descriptions within the same stack and category.
ant-design-pro
Ant Design Pro is an enterprise-grade React admin scaffold built on React 19, Umi Max 4, and antd 6 with TypeScript.
React · Admin dashboard
coreui-free-react-admin-template
CoreUI's free React admin template, built on React and the CoreUI component library, provides dashboard layouts, sidebar navigation, routing, and example views. It includes .cursorrules, ARCHITECTURE.md, and DEVELOPMENT.md context files, plus JSDoc comments and PropTypes, to support AI-assisted development.
React · Admin dashboard
fastapi-react
A Cookiecutter template for FastAPI + React (TypeScript) full-stack projects, integrating PostgreSQL, SQLAlchemy, Alembic, Celery, Redis, JWT authentication, a react-admin admin panel, and a Docker Compose development environment with Nginx reverse proxy.
React · Admin dashboard
react-antd-admin-template
A React + Ant Design admin template for mid- and back-office products, with built-in login/logout, dynamic routing, permission checks, and user management.
React · Admin dashboard
react-saas-template
A React and Material-UI template for SaaS or admin websites, offering dashboard, chart, blog, payment, and file upload components. It uses Create-React-App, React-Router, Recharts, React-Stripe-js, React-Dropzone, and React-Cropper, with theme colors centralized in src/theme.js.
React · Admin dashboard
react-material-admin
React Material Admin is an MIT-licensed React admin template by Flatlogic, built on Material-UI. It provides dashboards, charts, tables, authentication, profile, and notification pages, with three color themes and responsive layouts.
React · Admin dashboard