Berry - Open-source React Dashboard Template
Tags: react, webdev, opensource
Published: 2021-05-08 14:38:36

---
title: Berry - Open-source React Dashboard Template
published: true
description: Open-source React Dashboard template crafted by CodedThemes using Material UI design - product can be downloaded from Github.
tags: react, webdev, opensource
cover_image: https://raw.githubusercontent.com/admin-dashboards/berry-free-react-admin-template/main/media/react-dashboard-berry-screen.png
canonical_url: https://www.admin-dashboards.com/berry-react-dashboard-template/
---
Hello Coders,

This article presents [Berry](https://docs.appseed.us/content/react-template/berry-react-dashboard), an open-source **[React Dashboard](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j)**  crafted for free by *CodedThemes* agency. This product is a creative yet minimal React Dashboard built on top of Material UI meant to be lightweight and highly customizable. For newcomers, React is an open-source library, probably the most popular one at the moment we speak, actively supported by Facebook.

*Thanks for reading!* - Content provided by **[Admin Dashboards](https://www.admin-dashboards.com/)**

---

- [Berry React Dashboard](https://github.com/codedthemes/berry-free-react-admin-template) - source code published on Github
- Free [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) - a curated list published on Dev.to

---

![Berry - Open-source React Dashboard Template, animated presentation.](https://raw.githubusercontent.com/admin-dashboards/berry-free-react-admin-template/main/media/react-dashboard-berry-intro.gif)

---

Berry is a complete game-changer **React Dashboard** Template with easy and intuitive responsive design as on retina screens or laptops that comes with a few nice features "out-of-the-box": Material UI design with many beautifully styled-components, easy to use code structure, and comprehensive documentation.

---

**How to build the code**

To download and compile **Berry**, we weed Git command-line tool to clone the sources from the public repository and NodeJs, at least version 10 or higher.

---

**Step #1** - clone the sources

```bash
$ git clone https://github.com/codedthemes/berry-free-react-admin-template.git
$ cd berry-free-react-admin-template
```

---

**Step #2** - Install modules (via Npm or Yarn)

```bash
$ npm run install # via NPM 
// OR
$ yarn
```

---

**Step #3** - Start the project with LIVE reload on code changes

```bash
$ npm run start
// OR
$ yarn start 
```

Once the product is compiled the browser window should be started automatically and we can see **Berry Dashboard** in action.

---

> **Berry React Dashboard** - Login Page

![Berry React Dashboard - Login Screen.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dtqqh4t259ueu48dbb0a.png)

---

> **Berry React Dashboard** - Icons Page

![Berry React Dashboard - Icons Screen.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/goz5p46vey5kgymp0cyf.png)

---

> **Berry React Dashboard** - UI Colors.

![Berry React Dashboard - Colors Screen.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dlbdxyucizb8cdw69fe5.png)
  
---

> **Thanks for Reading!** For more resources, please access:

---

- **[Berry Dashboard PRO](https://berrydashboard.io/)** - the premium version of this product with JWT Authentication and more pages.
- More **[React Templates](https://bit.ly/2Q64ZDy)** (affiliate link) crafted by the same agency - CodedThemes.