Berry MUI React Dashboard Template

Berry MUI React Dashboard Template

Berry MUI React Dashboard Template
MUI
React

Looking for customization?

HIRE US
download_icon 3044

Download

licence-check-icon-all

100% Money Back Guarantee

licence-check-icon-all

Free Technical Support

licence-check-icon-all

Free Updates

Created img
Created

May 02, 2022

Last Updated
Last Updated

2024-03-15

Browser img
Browser

Edge, Chrome, Mozilla, Safari

File Text img
Documentation

Well Documented

Support img
Support

6 Month

File Plus img
Files Included

Typescript, Javascript

File Plus img
Version

3.9.1

Upload img
Update

1 Year

Advance Dashboard & Unique Layouts

Berry MUI React Dashboard offers modern design pre-build dashboards with unique layouts that are customized with light/dark, collapse, LTR / RTL, full/fixed width, color presets and many more modes.

Dashboard
0
Layouts
0
Pages
0 +
Applications
0
UI Components
0 +
Cards
0 +
Widgets
0 +
Charts
0 +

Creative Cards

85+ cards components to visualize your data beautifully.
 

Ready to Use Component

Ready to use common UI components to build stunning, user-friendly, and interactive web apps and websites.

common ready to use components that include in dashboard

Description

What is Berry MUI React Admin Template?​

Berry is a beautiful React Admin Template that comes with many ready-to-use blended MUI Core components. Berry helps you to create your backend application even faster than before. You can build anything you want like the User Management app, Chat app, Customer-centric app, SaaS-based interface, and many more with high-performance code & fully responsive design.

The Figma Design Resource file and TypeScript version are only available with the Standard Plus and Extended licenses.

Join our Discord server to connect with us in real-time.

Upcoming features

  • React table*
  • Redesigned landing page*
  • NextJS full version (Released on 25-Mar-2022)

Package includes

The download package includes the following

  • JavaScript – Full & Skeleton (All licenses).
  • TypeScript – Full & Skeleton (Plus & Extended licenses).
  • Next.js TypeScript – Full Version (Plus & Extended licenses).
  • Next.js JavaScript – Full Version (All licenses).
  • Figma Design Resource File (Plus & Extended licenses)
  • Documentation.

Key features

  • Modern aesthetics UI design.
  • Quick Start with Skeleton version.
  • New – 6+ Color Presets.
  • New – Font Family options (Roboto, Poppins, Inter)
  • Light / Dark Layouts.
  • Eye-catchy material color palette.
  • Hundreds of customized MUI components.
  • Pre-build useful pages & Apps.
  • LTR / RTL (Right-to-Left) Layouts.
  • Responsive design which supports all modern browsers.
  • Easy to use code & folder structure.
  • Prettier and well-Commented code style.
  • Internationalization (i18n) Support
  • Easy Documentation Guide & Video tutorials.

What’s new in v3.1.0?

  • Organization Chart
  • Redux toolkit
  • AWS Amplify login
  • Mega Menu
  • Add invoice page
  • SAAS pages like – Privacy Policy and FAQ
  • Image upload in kanban
  • Performance Enhancement

Features

  • 95+ Ready to use pages.
  • 5+ conceptual Apps like E-commerce, Mail, Chat, User Management, Contact, and Calendar.
  • Vertical page Layout with unlimited Menu level support.
  • Live Customizer with options of font selection, Layout switcher, Border radius.
  • 2 Conceptual Dashboards.
  • 50+ Data, Statistics, and Chart Widgets.
  • Contact App with Card & List variants.
  • Form Plugins like Mask, Editor, Autocomplete, Clipboard, and many more.
  • Form Layouts – Multicolumn, Sticky, Action bar
  • Form Validation & Form Wizards
  • Animation & Color Shadows
  • Table variants like Simple table, Data table, Data Grid, Enhanced table with search, filter, pagination support.
  • 4 Variants of Authentication pages – Login, Register, Forget & Reset the password, OTP verification.
  • Maintenance Pages like Error, coming soon (2 variants), under construction.
  • Utility pages like Grid, Typography, Color, Shadows, Icons (i.e. 2,000+ Material Icons, Tabler Icons).
  • Landing Page.
  • Contact Page.

Technology stack

  • Built with MUI Core v5 component library.
  • Authentication using – Auth0FirebaseJWT, AWS Cognito
  • Built with React Hooks API.
  • Redux Toolkit
  • Redux & React Context API for State Management.
  • React Router for Navigation Routing.
  • Axios For mock API data.
  • Create React App 
  • Code Splitting.
  • TypeScript support (Standard Plus and Extended licenses only)
  • CSS-in-JS where CSS is composed using JavaScript instead of defined in external files.
  • Multi-Language Support.

Compatibility

Berry has been tested thoroughly in the following environment.

  • Browser compatibility – Chrome, Mozilla, Edge, Safari (macOS), Opera
  • Design Tested on Retina Displays, Laptop media, and responsive media like Tablet / iPad and Mobile devices.
  • Page speed test made using Google Page Speed, GT Metrix tools.

Figma design resources

The Figma design file is available in the Standard Plus & Extended License. All components and pages are available with proper arrangement. All settings like Color, Typography, Shadow, Components are made of Master components so you can easily change the entire files with one single click.

Documentation

Visit this link to access Berry Documentation.

Support & updates

Once you purchase the Berry, you will get technical support from our side*. It includes

  • Bug fixes or any other help – you can submit tickets.
  • Request new feature(s)* – contact us. We are always happy to serve you well.

* New features are subject to provided roadmap here. Duration of updates and technical support are as per MUI policy.

Stay Connected Berry MUI React 19 Coming Soon.

Reasons to choose Berry

Below are top features of Berry React Admin Template

Quality and Clean Code

Well clean and well tested code check with various code validators.

Faster Loading Speed

Pages render fast with the best score in google page speed tool.

Quick Search

We include quick search option to find your desired content.

Easy to Customize

Easy to modify according to your requirements.

Language Support

Built Personalized app with quick language support.

Live - Customizer

Experience real-time page customizer with tons of options to choose.

Awosome Plugins

We've integrated every possible 3'rd party plugins which suits your backend need.

Seed Version

Seed version to start your project quickly without removing unnecessary features.

Pre built Components

Free VS Premium Pre-built Components

FEATURES FREE PREMIUM
Dashboard
  • Default
  • Default
  • Analytics
Layout Demo
  • Vertical
  • Horizontal
  • Tabs
  • Dark Layout
  • Light Layout
  • Box Layout
  • RTL
Widget
  • Statistic
  • Data
  • Chart New
Basic & Advance Components
  • Typography
  • Colors
  • AutoComplete
  • Button
  • CheckBox
  • Radio
  • Date & Time
  • Slider
  • Switch
  • Text Filed
  • According
  • Avatar
  • Badge
  • BreadCrumb
  • Cards
  • Chip
  • Chip
  • List
  • Tabs
  • Alert
  • Dialog
  • Pagination
  • progress
  • Rating
  • sanckbar
  • Skeleton
  • SpeedDial
  • Tiemline
  • ToggleButton
  • TreeView
Application
  • Chat
  • Calendar
  • Customer
  • Users
  • E-commerce
  • Kanban
  • Contact
  • Mail
Pages
  • Login
  • Register
  • Authentication
  • Price
  • Maintenance
  • Landing
  • Conatc us
  • Faq
  • Privacy Policy
Forms, Table, Chart & Map
  • Forms plugins
  • Layouts
  • React table
  • Data grid
  • Apexchart
  • Map
  • Switch
  • Forms Validation
  • Form wizard

Get Free Berry React Admin Dashboard

Technologies Slack

Berry MUI React Admin Dashboard integrated with respective technologies.

berry MUI React admin dashboard template made with all these technology
Helpfull dot img

Frequently Asked Questions

General Questions

Admin Theme is an HTML, CSS and JavaScript template that is used to build the user interface for the admin side of a web application. Generally, they contain HTML and CSS code for designs that you can use while building your admin dashboard.

The main benefit of using admin themes/templates is saving time and money. Because by using our product you don’t need to higher a designer and code the frontend templates. Just get your application ready in a short time.

Yes, We provide a free version of most premium products.  You can check in freebies category.

Use in SaaS(Software as a Service) means you can use our product to create an application where the end-user is charged for the monthly & annually subscription plan.

License

Single Use License is used for a single product only where the end user can’t be charged (it may be you or your one client).

Note – This license is not suitable for SaaS-based projects.

Multi Use License is used for unlimited projects where the end user can’t be charged (it may be you or your client), no matter how much project is there.

Note – This license is not suitable for SaaS-based projects.

Extended Use License is used for a single project only where the end user can be charged (it may be you or your one client).

Note – This license is suitable for SaaS-based projects.

Multi Extended Use License is used for unlimited projects where the end user can be charged (it may be you or your client), no matter how much project is there.

Note – This license is suitable for SaaS-based projects.

No, you did not require any license for subdomains once you purchase.

End user is the actual user who use your website/web app.

The End Product refer to the final product (website, software, web app, mobile app) created using the item.

Yes, of course after purchasing the single license you can definitely upgrade to other licenses as per your requirements.

Account Questions

You can get future update base on the license terms you purchased.

  • If you have completed your order then the item is visible in your account.
  • To check login to codedthemes.com and visit to my account section.

Just follow easy steps –

  1. Login to CodedThemes.com.
  2. Visit to my account -> Download tab.
  3. Click on the view/download invoice button.
  4. At the bottom of the Invoice, you will find the Print, Download button to download it.

Payment Questions

CodedThemes uses Stripe, PayPal, and RazorPay payment gateways, which enable users to pay via all major debit and credit cards like Visa, MasterCard, AMEX, Discover, AliPay, JCM, Diners Club, and many more cards.

Buy once and use for a lifetime. Every license is valid for lifetime usage.

If you are facing the issue then it may be possible that your bank/card has a limitation, in that cases we request you to please get in touch with your respective authority. 

Unlock of our Premium Admin Templates & UI Kits with 97% OFF - Save Your Hundred of Hours!

$99.00

$1260.00

No data holder

No review found.

Review

(0.00)

Frequently Asked Questions

General Questions

Admin Theme is an HTML, CSS and JavaScript template that is used to build the user interface for the admin side of a web application. Generally, they contain HTML and CSS code for designs that you can use while building your admin dashboard.

The main benefit of using admin themes/templates is saving time and money. Because by using our product you don’t need to higher a designer and code the frontend templates. Just get your application ready in a short time.

Yes, We provide a free version of most premium products.  You can check in freebies category.

Use in SaaS(Software as a Service) means you can use our product to create an application where the end-user is charged for the monthly & annually subscription plan.

License

Single Use License is used for a single product only where the end user can’t be charged (it may be you or your one client).

Note – This license is not suitable for SaaS-based projects.

Multi Use License is used for unlimited projects where the end user can’t be charged (it may be you or your client), no matter how much project is there.

Note – This license is not suitable for SaaS-based projects.

Extended Use License is used for a single project only where the end user can be charged (it may be you or your one client).

Note – This license is suitable for SaaS-based projects.

Multi Extended Use License is used for unlimited projects where the end user can be charged (it may be you or your client), no matter how much project is there.

Note – This license is suitable for SaaS-based projects.

No, you did not require any license for subdomains once you purchase.

End user is the actual user who use your website/web app.

The End Product refer to the final product (website, software, web app, mobile app) created using the item.

Yes, of course after purchasing the single license you can definitely upgrade to other licenses as per your requirements.

Account Questions

You can get future update base on the license terms you purchased.

  • If you have completed your order then the item is visible in your account.
  • To check login to codedthemes.com and visit to my account section.

Just follow easy steps –

  1. Login to CodedThemes.com.
  2. Visit to my account -> Download tab.
  3. Click on the view/download invoice button.
  4. At the bottom of the Invoice, you will find the Print, Download button to download it.

Payment Questions

CodedThemes uses Stripe, PayPal, and RazorPay payment gateways, which enable users to pay via all major debit and credit cards like Visa, MasterCard, AMEX, Discover, AliPay, JCM, Diners Club, and many more cards.

Buy once and use for a lifetime. Every license is valid for lifetime usage.

If you are facing the issue then it may be possible that your bank/card has a limitation, in that cases we request you to please get in touch with your respective authority. 

Unlock of our Premium Admin Templates & UI Kits with 97% OFF - Save Your Hundred of Hours!

$99.00

$1260.00

Change Log


- Mar 15, 2024



v3.9.1




  • Added missing auth files for NextJS

  • No update in VITE, CRA and Remix





- Feb 27, 2024



v3.9.0



  • Added

    • Invoice App

    • CRM App

    • 500 error pages

    • Dropzone plugin (used with kanban)

    • Custom breadcrumb



  • Set menu with SWR instead of redux store

  • Use matchPath for the active menu

  • Fixed config enum

  • Bug fixes

    • Default scroll color scheme (dark mode)

    • Horizontal menu simple page active

    • Collapsed menu active issue



  • Code optimization

    • Removed // eslint-disabled-next-line

    • Fixed useTheme and styled uses

    • Fixed mui/icons import



  • Figma Updates/Improvements

    • Color Variables

    • Auto layouts

    • Responsive screens

    • Dark Mode







- Nov 12, 2023



v3.8.0



  • Added MUI Grid data table variants

  • Migrate to Vite

  • Next JS 14 update

  • Package upgrades

  • Set demo for react router error boundary and loader

  • Bug Fixes

    • Fixed Breadcrumbs

    • Fixed megamenu quick links

    • Fixed Organization chart RTL



  • Support Node 20







- Oct 21, 2023



v3.7.0



  • Next 13 App directory

  • Package updates

  • Full screen toggle

  • Maps

  • NPM Font

  • Stop menu collapse on large media for Apps

  • Remove react-app-rewired





- July 23, 2023



v3.6.0



  • Set loader for all application pages

  • Set notistack notification variants

  • Set a parent menu item on horizontal

  • Theme customizer re-design

  • Set forgot/reset password flow for Firebase and aws cognito

  • Remix Package upgrades

  • Bug fixes

    • fixed megamenu application links

    • fixed header profile chip color dark mode

    • fixed palette color - color grey.600 and grey.900 conflict

    • fixed content resize on drawer toggler







- May 12, 2023



v3.5.0



  • Replaced react-beautiful-dnd with @hello-pangea/dnd to avoid --legacy-peer-deps while npm install





- Apr 10, 2023



v3.4.0



  • Removed Mock API and use Dummy API call via Real Server

  • Update to Next JS 13 (Without App Directory)

  • WCAG Updates

  • Set Default Auth as JWT

  • .env File updates

  • Minimal Remix React Version Limited Support

  • Added password reset for Cognito auth

  • Bug Fixes

    • Landing Section fix for mobile view

    • Iphone issue - The user needs to click twice

    • Chat app - emoji issue in mobile







- Jan 19, 2023



v3.3.0



  • New Landing

  • CSV Export

  • Render Dashboard menu using API

  • Added autocomplete form with validation

  • Packages updates

    • Removed react-images

    • Removed MUI-Style

    • Updated packages to the latest



  • Update minor design aesthetics

  • Bug Fixes





- Nov 06, 2022



v3.2.1



  • Removed @mui/styles package

  • Replaced react-otp-input-rc-17 with react18-input-otp

  • Replaced react-currency-format with currency.js





- Oct 10, 2022



v3.2.0



  • React 18 upgrade

  • Horizontal and Compact menu layout options

  • Create a constant file for commonly used strings

  • Other minor package upgrades

  • SVG file updates due to React 18

  • Removed .default from the end wherever the image has been used

  • Added config-override.js to support native node module in react 18

  • Removed Skeleton version

  • Some miscellaneous code improvements







- Aug 18, 2022



v3.1.3



  • Changes in Nextjs versions only

    • Added missing Create invoice page

    • Make changes to the Layout







- May 30, 2022



v3.1.2



  • Bug Fixes (Common)

    • Fix Issue in Mozilla with rem. Converted rem to px. wherever applicable

    • Calendar - Hide Week and Month view in Mobile Media

      • src/views/application/calendar/Toolbar.tsx

      • src/views/application/calendar/index.tsx



    • E-Commerce

      • Fix the issue with the opening previous image when clicking on the detail

        • src/menu-items/application.tsx

        • src/views/application/e-commerce/ProductDetails/ProductImages.tsx

        • src/views/application/e-commerce/ProductDetails/index.tsx



      • Remove the Rating keyword when searching with a string

        • src/views/application/e-commerce/Products/ProductFilterView.tsx



      • Set Menu highlighted when browser back

        • src/layout/MainLayout/Sidebar/MenuList/NavItem/index.tsx

        • src/store/slices/menu.ts

        • src/types/menu.ts



      • Fix menu collapse issue having sub-menus

        • src/layout/MainLayout/Sidebar/MenuList/NavCollapse/index.tsx







  • Bug Fixes - Next JS (Specifically)

    • Fix flickering issue in next js. When a user came to the dashboard directly, it shows

      the dashboard initially and then navigates to the login. This is fixed


      • src/utils/route-guard/AuthGuard.ts

      • src/utils/route-guard/GuestGuard.ts





  • Provided Seed version

  • Package upgrades





- Mar 25, 2022



v3.1.1



  • Next.js full version for TypeScript and JavaScript





- Feb 22, 2022



v3.1.0



  • Organization Chart

  • Redux toolkit

  • AWS Cognito login

  • Mega Menu

  • Container Layout (click on live customizer->Box Container to test effect)

  • Add invoice page

  • SAAS pages like - Privacy Policy and FAQ

  • Image upload in kanban

  • Performance Enhancement

  • Package upgrades

  • Fix most possible security vulnerabilities

  • Client suggestions and Bug Fixes





- Nov 05, 2021



v3.0.2



  • Minor fixes in JavaScript package.

  • No changes in TypeScript & Next.js package.





- Oct 21, 2021



v3.0.0



  • Upgrade to MUI v5.0.4

  • Next.js TypeScript version (released on 31-10-2021).

  • Upgrade to react-router: 6.0.0-beta.5

  • Add KanbanFull Featured App

  • Simplified Authentication Flow

  • Improvement in Styling and Documentation

  • Figma Design File - Add Kanban app

  • Added new videos in the Berry Tutorial Series





- Aug 04, 2021



v2.0.0



  • Upgrade to Material-UI Beta: 5.0.0-beta.1

  • Upgrade to react-router: 6.0.0-beta.0

  • E-Commerce App

  • Enforce Eslint Rules

  • Absolute imports

  • Remove package "react-material-UI-carousel" due to no support in MUI Beta. Achieved same using
    "slick-carousel"

  • Other minor improvements & fixes





- Jul 7, 2021



v1.2.1



  • TypeScript release (Standard Plus package)





- Jun 12, 2021



v1.2.1



  • Add Form layouts

  • Add Form with validations

  • Add Form wizards

  • Add a Griddocumentation page

  • Add animation and shadows

  • Add 6 new color options

  • Change variable names for colors

  • Fix authentication responsive issues

  • Fix checkbox issues in "Table Enhanced"

  • Restructure pricing page for better code

  • Set 404 error page redirection

  • Improve mail & chat app with a drawer

  • Documentation update to integrate Berry in a new project

  • Add video tutorial in the documentation

  • Other minor fixes





- May 28, 2021



v1.1.0



  • More closer to the single responsibility model

  • Add propTypes declaration for components which helps in the development

  • Set Prettier formatting property "bracketSpacing" as true for better readability

  • Code clean up and minor bug fixes

  • File Restructured for better code understanding

  • Code commenting and documentation





- May 21, 2021



v1.0.0



  • Initial release



Frequently Asked Questions

General Questions

Admin Theme is an HTML, CSS and JavaScript template that is used to build the user interface for the admin side of a web application. Generally, they contain HTML and CSS code for designs that you can use while building your admin dashboard.

The main benefit of using admin themes/templates is saving time and money. Because by using our product you don’t need to higher a designer and code the frontend templates. Just get your application ready in a short time.

Yes, We provide a free version of most premium products.  You can check in freebies category.

Use in SaaS(Software as a Service) means you can use our product to create an application where the end-user is charged for the monthly & annually subscription plan.

License

Single Use License is used for a single product only where the end user can’t be charged (it may be you or your one client).

Note – This license is not suitable for SaaS-based projects.

Multi Use License is used for unlimited projects where the end user can’t be charged (it may be you or your client), no matter how much project is there.

Note – This license is not suitable for SaaS-based projects.

Extended Use License is used for a single project only where the end user can be charged (it may be you or your one client).

Note – This license is suitable for SaaS-based projects.

Multi Extended Use License is used for unlimited projects where the end user can be charged (it may be you or your client), no matter how much project is there.

Note – This license is suitable for SaaS-based projects.

No, you did not require any license for subdomains once you purchase.

End user is the actual user who use your website/web app.

The End Product refer to the final product (website, software, web app, mobile app) created using the item.

Yes, of course after purchasing the single license you can definitely upgrade to other licenses as per your requirements.

Account Questions

You can get future update base on the license terms you purchased.

  • If you have completed your order then the item is visible in your account.
  • To check login to codedthemes.com and visit to my account section.

Just follow easy steps –

  1. Login to CodedThemes.com.
  2. Visit to my account -> Download tab.
  3. Click on the view/download invoice button.
  4. At the bottom of the Invoice, you will find the Print, Download button to download it.

Payment Questions

CodedThemes uses Stripe, PayPal, and RazorPay payment gateways, which enable users to pay via all major debit and credit cards like Visa, MasterCard, AMEX, Discover, AliPay, JCM, Diners Club, and many more cards.

Buy once and use for a lifetime. Every license is valid for lifetime usage.

If you are facing the issue then it may be possible that your bank/card has a limitation, in that cases we request you to please get in touch with your respective authority. 

Unlock of our Premium Admin Templates & UI Kits with 97% OFF - Save Your Hundred of Hours!

$99.00

$1260.00

Special Offer

Use Coupon Code - CYBERSALE2023