Skip to content

Commit cca6c3c

Browse files
ct-dixitct-dixit
authored
v4.0.1 (#117)
* tabler icon loading issue fix * bug fix and readme file content update
1 parent 55b2152 commit cca6c3c

7 files changed

Lines changed: 178 additions & 132 deletions

File tree

‎LICENSE‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MIT License
22

3-
Copyright (c) 2021 CodedThemes
3+
Copyright (c) 2025 CodedThemes
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal

‎README.md‎

Lines changed: 121 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,67 @@
22

33
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
44
[![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)](https://github.com/codedthemes/berry-free-react-admin-template/blob/main/LICENSE)
5+
[![GitHub package version](https://img.shields.io/github/package-json/v/codedthemes/mantis-free-react-admin-template)](https://github.com/codedthemes/berry-free-react-admin-template/)
6+
[![Download ZIP](https://img.shields.io/badge/Download-ZIP-blue?style=flat-square&logo=github)](https://codedthemes.com/item/berry-mui-free-react-admin-template/)
7+
[![Join Discord](https://img.shields.io/badge/Join-Discord-5865F2?style=flat-square&logo=discord&logoColor=white)](https://discord.com/invite/p2E2WhCb6s)
58

69
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.
710

8-
:star: :star: :star: Do not forget to star (Top right of this page) it if you like the theme :star: :star: :star:
11+
✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine
912

1013
![IMG_8566.jpg](https://berrydashboard.io/imp-images/berry-github-free-repo-1.jpg)
1114

12-
[Pro version](https://berrydashboard.io) of Berry react template contains features like TypeScript, Next.js Seed versions, Apps, Authentication Methods (i.e. JWT, Auth0, Firebase), Advance Components, Form Plugins, Layouts, Widgets, and many more.
15+
## Table of contents
16+
17+
- [Getting Started](#getting-started)
18+
- [Download](#download)
19+
- [Why Berry?](#why-berry)
20+
- [What's included in Premium Version?](#whats-included-in-premium-version)
21+
- [Documentation](#documentation)
22+
- [Browser support](#browser-support)
23+
- [Technology Stack](#technology-stack)
24+
- [Berry Figma UI Kit](#berry-figma-ui-kit)
25+
- [Other Technologies](#other-technologies)
26+
- 💰[Save more with Big Bundle](#save-more-with-big-bundle)💰
27+
- [More React Dashboard Templates](#more-react-dashboard-templates)
28+
- [Issues?](#issues)
29+
- [License](#license)
30+
- [Contributor](#contributor)
31+
- [Useful Resources](#useful-resources)
32+
- [Community](#community)
33+
- [Follow us](#follow-us)
34+
35+
## Getting Started
36+
37+
Clone from Github
38+
39+
```
40+
git clone https://github.com/codedthemes/berry-free-react-admin-template.git
41+
```
42+
43+
## Download
44+
45+
- Berry Free
46+
- [Live Preview](https://berrydashboard.io/free/)
47+
- [Download](https://github.com/codedthemes/berry-free-react-admin-template)
48+
- Berry
49+
- [Live Preview](https://berrydashboard.io)
50+
- [Download](https://material-ui.com/store/items/berry-react-material-admin/)
51+
52+
## Why Berry?
53+
54+
Berry offers everything you need to create dashboards. We have included the following high-end features in our initial release:
55+
56+
- Modern aesthetics UI design
57+
- Material-UI components
58+
- Fully Responsive, all modern browser supported
59+
- Easy to use code structure
60+
- Flexible & High-Performance code
61+
- Easy Documentation Guide
62+
63+
## What's included in Premium Version?
64+
65+
[Pro version](https://berrydashboard.io) 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.
1366

1467
| [Berry Free](https://berrydashboard.io/free/) | [Berry](https://material-ui.com/store/items/berry-react-material-admin/) |
1568
| --------------------------------------------- | :----------------------------------------------------------------------- |
@@ -20,108 +73,101 @@ Berry is a free Material UI admin dashboard template built with React. It is mea
2073
| - | ✓ Design files (Figma) |
2174
| - | ✓ 6+ color Options |
2275
| - | ✓ RTL |
23-
| - | ✓ JWT, Firebase, Auth0 authentications |
24-
| - | ✓ [More components](https://berrydashboard.io/dashboard/default) |
25-
26-
## Why Berry?
76+
| - | ✓ JWT, Firebase, Auth0, AWS, Supabase authentications |
77+
| - | ✓ [More components](https://berrydashboard.io/components/autocomplete) |
2778

28-
Berry offers everything you need to create dashboards. We have included the following high-end features in our initial release:
29-
30-
- Modern aesthetics UI design
31-
- Material-UI components
32-
- Fully Responsive, all modern browser supported
33-
- Easy to use code structure
34-
- Flexible & High-Performance code
35-
- Easy Documentation Guide
79+
## Documentation
3680

37-
## Free Berry React version
81+
[Berry Documentation](https://codedthemes.gitbook.io/berry/) helps you with installation, deployment, and troubleshooting.
3882

39-
#### Preview
83+
## Browser support
4084

41-
- [Demo](https://berrydashboard.io/free/)
85+
<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" >
4286

43-
#### Download
87+
## Technology Stack
4488

45-
- [Download from GitHub](https://github.com/codedthemes/berry-free-react-admin-template)
89+
- [Material UI V6](https://material-ui.com/)
90+
- Built with React Hooks API
91+
- Redux & React Context API for State Management
92+
- React Router for Navigation Routing
93+
- Support of vite
94+
- Code Splitting
95+
- CSS-in-JS where CSS is composed using JavaScript instead of defined in external files
4696

47-
## Berry Pro version
97+
## Berry Figma UI Kit
4898

49-
#### Preview
99+
<div>
100+
<a href="https://codedthemes.com/item/berry-free-figma-ui-kit/">
101+
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma_Free_Berry.png" width="450" alt="Figma Free">
102+
</a>&nbsp;&nbsp;&nbsp;&nbsp;
103+
<a href="https://codedthemes.com/item/berry-figma-ui-kit/">
104+
<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma-Pro-Berry.png" width="450" alt="Figma Pro">
105+
</a>
106+
</div>
50107

51-
- [Demo](https://berrydashboard.io)
108+
## Other Technologies
52109

53-
#### Purchase
110+
| Technology | Free | Pro |
111+
| --------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
112+
| <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/) |
113+
| <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/) |
114+
| <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/) |
54115

55-
- [Purchase from MUI Store](https://material-ui.com/store/items/berry-react-material-admin/)
116+
## Save more with Big Bundle
56117

57-
## Table of contents
118+
[![bundle-image](https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Bundle+banner.png)](https://links.codedthemes.com/jhFBJ)
58119

59-
- [Getting Started](#getting-started)
60-
- [Documentation](#documentation)
61-
- [Technology Stack](#technology-stack)
62-
- [Author](#author)
63-
- [Issues?](#issues)
64-
- [License](#license)
65-
- [More Free Angular Templates](#more-free-react-material-admin-templates)
66-
- [More Pro Angular Templates](#more-premium-react-material-admin-templates)
67-
- [Follow us](#follow-us)
120+
## More React Dashboard Templates
68121

69-
## Getting Started
122+
| Dashboard | FREE | PRO |
123+
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
124+
| <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> |
125+
| <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> |
126+
| <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> |
70127

71-
Clone from Github
72-
73-
```
74-
git clone https://github.com/codedthemes/berry-free-react-admin-template.git
75-
```
76-
77-
## Documentation
78-
79-
[Berry documentation](https://codedthemes.gitbook.io/berry/) helps you with installation, deployment, and troubleshooting.
128+
## Issues
80129

81-
## Technology Stack
130+
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.
82131

83-
- [Material UI V5](https://material-ui.com/)
84-
- Built with React Hooks API
85-
- Redux & React Context API for State Management
86-
- React Router for Navigation Routing
87-
- Support of vite
88-
- Code Splitting
89-
- CSS-in-JS where CSS is composed using JavaScript instead of defined in external files
132+
## License
90133

91-
## Author
134+
- Licensed cover under [MIT](https://github.com/codedthemes/berry-free-react-admin-template/blob/main/LICENSE)
92135

93-
Berry is developed by Team [CodedThemes](https://codedthemes.com).
136+
## Contributor
94137

95-
## Issues
138+
**CodedThemes Team**
96139

97-
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.
140+
- https://x.com/codedthemes
141+
- https://github.com/codedthemes
98142

99-
## License
143+
**Rakesh Nakrani**
100144

101-
- Licensed cover under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE)
145+
- https://x.com/rakesh_nakrani
102146

103-
## Berry - Nodejs version by Appseed
147+
**Brijesh Dobariya**
104148

105-
- [Free Nodejs](https://appseed.us/product/react-node-js-berry-dashboard)
106-
- [Premium Berry Nodejs](https://appseed.us/full-stack/react-berry-dashboard)
149+
- https://x.com/dobaria_brijesh
107150

108-
## More Free React Material Admin Templates
151+
## Useful Resources
109152

110-
- [Free Materially](https://codedthemes.com/item/materially-free-reactjs-admin-template/)
111-
- [Free Mantis](https://mantisdashboard.io/free/)
112-
- [Free Datta Able](https://lite.codedthemes.com/datta-able/react/default)
153+
- [More Admin Templates From CodedThemes](https://codedthemes.com/item/category/admin-templates/)
154+
- [Freebies From CodedThemes](https://codedthemes.com/item/category/free-templates/)
155+
- [Big Bundles](https://codedthemes.com/item/big-bundle/)
156+
- [Figma UI Kits](https://codedthemes.com/item/category/templates/figma/)
157+
- [Affiliate Program](https://codedthemes.com/affiliate/)
158+
- [Blogs](https://blog.codedthemes.com/)
113159

114-
## More Premium React Material Admin Templates
160+
## Community
115161

116-
- [Mantis](https://mui.com/store/items/mantis-react-admin-dashboard-template/)
117-
- [Materially](https://codedthemes.com/item/materially-reactjs-admin-dashboard/)
118-
- [Datta Able](https://codedthemes.com/item/datta-able-react-admin-template/)
162+
- 👥Follow [@codedthemes](https://x.com/codedthemes)
163+
- 🔗Join [Discord](https://discord.com/invite/p2E2WhCb6s)
164+
- 🔔Subscribe to [Codedtheme Blogs](https://blog.codedthemes.com/)
119165

120166
## Follow us
121167

122-
- [Website](https://berrydashboard.io)
123-
- [Blog](https://blog.berrydashboard.io)
124-
- [CodedThemes](https://codedthemes.com)
125-
- [Dribbble](https://dribbble.com/codedthemes)
126-
- [Facebook](https://www.facebook.com/codedthemes)
127-
- [𝕏 (Twitter)](https://twitter.com/codedthemes)
168+
- [Twitter](https://twitter.com/codedthemes) 🐦
169+
- [Dribbble](https://dribbble.com/codedthemes) 🏀
170+
- [Github](https://github.com/codedthemes) 🐙
171+
- [LinkedIn](https://www.linkedin.com/company/codedthemes/) 💼
172+
- [Instagram](https://www.instagram.com/codedthemes/) 📷
173+
- [Facebook](https://www.facebook.com/codedthemes) 🟦

‎vite/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"@fontsource/roboto": "5.1.0",
1111
"@mui/icons-material": "6.1.9",
1212
"@mui/material": "6.1.9",
13-
"@tabler/icons-react": "3.24.0",
13+
"@tabler/icons-react": "3.31.0",
1414
"@vitejs/plugin-react": "4.3.4",
1515
"apexcharts": "3.46.0",
1616
"framer-motion": "11.12.0",

‎vite/src/layout/MainLayout/Sidebar/index.jsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,7 @@ function Sidebar() {
9696
</Drawer>
9797
) : (
9898
<MiniDrawerStyled variant="permanent" open={drawerOpen}>
99-
{logo}
100-
{drawer}
99+
<Box sx={{ mt: 10 }}>{drawer}</Box>
101100
</MiniDrawerStyled>
102101
)}
103102
</Box>

‎vite/src/views/pages/authentication/Register.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export default function Register() {
5252
</Grid>
5353
<Grid size={12}>
5454
<Grid container direction="column" sx={{ alignItems: 'center' }} size={12}>
55-
<Typography component={Link} to="/login" variant="subtitle1" sx={{ textDecoration: 'none' }}>
55+
<Typography component={Link} to="/pages/login" variant="subtitle1" sx={{ textDecoration: 'none' }}>
5656
Already have an account?
5757
</Typography>
5858
</Grid>

‎vite/vite.config.mjs‎

Lines changed: 43 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -3,47 +3,48 @@ import react from '@vitejs/plugin-react';
33
import jsconfigPaths from 'vite-jsconfig-paths';
44

55
export default defineConfig(({ mode }) => {
6-
// depending on your application, base can also be "/"
7-
const env = loadEnv(mode, process.cwd(), '');
8-
const API_URL = `${env.VITE_APP_BASE_NAME}`;
9-
const PORT = 3000;
6+
// depending on your application, base can also be "/"
7+
const env = loadEnv(mode, process.cwd(), '');
8+
const API_URL = `${env.VITE_APP_BASE_NAME}`;
9+
const PORT = 3000;
1010

11-
return {
12-
server: {
13-
// this ensures that the browser opens upon server start
14-
open: true,
15-
// this sets a default port to 3000
16-
port: PORT,
17-
host: true
18-
},
19-
build: {
20-
chunkSizeWarningLimit: 1600
21-
},
22-
preview: {
23-
open: true,
24-
host: true
25-
},
26-
define: {
27-
global: 'window'
28-
},
29-
resolve: {
30-
alias: [
31-
// { find: '', replacement: path.resolve(__dirname, 'src') },
32-
// {
33-
// find: /^~(.+)/,
34-
// replacement: path.join(process.cwd(), 'node_modules/$1')
35-
// },
36-
// {
37-
// find: /^src(.+)/,
38-
// replacement: path.join(process.cwd(), 'src/$1')
39-
// }
40-
// {
41-
// find: 'assets',
42-
// replacement: path.join(process.cwd(), 'src/assets')
43-
// },
44-
]
45-
},
46-
base: API_URL,
47-
plugins: [react(), jsconfigPaths()]
48-
};
11+
return {
12+
server: {
13+
// this ensures that the browser opens upon server start
14+
open: true,
15+
// this sets a default port to 3000
16+
port: PORT,
17+
host: true
18+
},
19+
build: {
20+
chunkSizeWarningLimit: 1600
21+
},
22+
preview: {
23+
open: true,
24+
host: true
25+
},
26+
define: {
27+
global: 'window'
28+
},
29+
resolve: {
30+
alias: {
31+
// { find: '', replacement: path.resolve(__dirname, 'src') },
32+
// {
33+
// find: /^~(.+)/,
34+
// replacement: path.join(process.cwd(), 'node_modules/$1')
35+
// },
36+
// {
37+
// find: /^src(.+)/,
38+
// replacement: path.join(process.cwd(), 'src/$1')
39+
// }
40+
// {
41+
// find: 'assets',
42+
// replacement: path.join(process.cwd(), 'src/assets')
43+
// },
44+
'@tabler/icons-react': '@tabler/icons-react/dist/esm/icons/index.mjs'
45+
}
46+
},
47+
base: API_URL,
48+
plugins: [react(), jsconfigPaths()]
49+
};
4950
});

0 commit comments

Comments
 (0)