Berry free react material-ui admin template for easing and faster web development.

Overview

Berry Free React Material Admin Template Tweet

Price npm GitHub package version

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

Berry - Free React Admin Template - Help you to create React web applications faster & beautiful | Product Hunt

Pro version of Berry react template contains features like TypeScript, Apps, Authentication Methods (i.e. JWT, Auth0, Firebase), Advance Components, Form Plugins, Layouts, Widgets, and many more.

Berry React Material Admin Template

Why Berry?

Berry brings everything you need for dashboard development. We have added the following high-end features in the 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

Free version preview & download

We are expected to release the Free Berry React Admin Template in 07/05/2021

Preview

Download

Pro version preview & Purchase

Berry is available to purchase.

Preview

Purchase

Table of contents

Getting Started

Clone from Github

git clone https://github.com/codedthemes/berry-free-react-admin-template.git

Documentation

Berry documentation helps you out in all aspects from Installation to deployment - Soon it will be available.

Technology Stack

  • Material UI V5
  • Built with React Hooks API
  • Redux & React Context API for State Management
  • React Router for Navigation Routing
  • Support of react-script
  • Code Splitting
  • CSS-in-JS where CSS is composed using JavaScript instead of defined in external files

Author

Berry is managed by Team CodedThemes.

Issues

Please generate a Github issue if you found a bug in any version. We are trying to be responsive to resolve the issue.

License

  • Licensed cover under MIT

More Free React Material Admin Templates

More Premium React Material Admin Templates

Follow us

Comments
  • Help with protected the urls

    Help with protected the urls

    I'm a beginner in React JS and I chose Berry because it seems straight forward enough and uses all the tech stack that I am using. I got stuck somewhere and I hope you can assist (I know you have this in the Pro version but I'm not yet at the stage of buying, hopefully soon) I need to control who has access to the dashboard, how do I implement the AuthGuard/Protect my urls such that only authenticated users have access to the Dashboard? I guess this ties in with token refresh when it expires.

    opened by cgitosh 9
  • Issue Yarn Compilation + Server start

    Issue Yarn Compilation + Server start

    Hello,

    I tried to run the project on Macos BigSur 11.6 with those versions of plugins : Node v14.18.3 Yarn v1.22.17

    I have imported the GIT project in VSCode and then executed those commands

    yarn

    I ve got this log

    Sebastiens-MacBook-Pro-2:react-ui sebastient$ yarn yarn install v1.22.17 [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... [3/4] 🔗 Linking dependencies... warning "@emotion/styled > @emotion/[email protected]" has unmet peer dependency "@babel/[email protected]^7.0.0". warning "@emotion/styled > @emotion/babel-plugin > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]^7.0.0-0". warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/[email protected]>=7.21.4". warning "react-scripts > @typescript-eslint/eslint-plugin > [email protected]" has unmet peer dependency "[email protected]>=2.8.0 >= 3.2.0-dev >= 3.3.0-dev >= 3.4.0-dev >= 3.5.0-dev >= 3.6.0-dev >= 3.6.0-beta >= 3.7.0-dev >= 3.7.0-beta". warning "@material-ui/codemod > [email protected]" has unmet peer dependency "@babel/[email protected]^7.1.6". warning "@material-ui/codemod > [email protected]" has incorrect peer dependency "[email protected]^0.7.0 ^0.8.0 ^0.9.0 ^0.10.0 ^0.11.0". warning "@material-ui/codemod > jscodeshift-add-imports > [email protected]" has incorrect peer dependency "[email protected]^0.7.0 ^0.8.0 ^0.9.0 ^0.10.0 ^0.11.0". [--------------------------------------------------------------------------------------------------------------------------------------------------] 0/2143 error An unexpected error occurred: "ENOSYS: function not implemented, symlink '../../../parser/bin/babel-parser.js' -> '/Users/sebastient/pCloud Drive/My Documents/02_Pro/10_Trading/Flask_React/flask-react-berry-dashboard/react-ui/node_modules/@babel/core/node_modules/.bin/parser'". info If you think this is a bug, please open a bug report with the information provided in "/Users/sebastient/pCloud Drive/My Documents/02_Pro/10_Trading/Flask_React/flask-react-berry-dashboard/react-ui/yarn-error.log". info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

    After I tried to launch the server

    yarn start

    I ve got that error log

    Failed to compile.

    Failed to load plugin 'prettier' declared in '.eslintrc': Cannot find module 'eslint-plugin-prettier' Require stack:

    • /Users/sebastient/.config/yarn/global/node_modules/react-scripts/config/placeholder.js

    I hope you will find a solution and will be able to help me

    Thank you

    opened by 777Bridges 5
  • Landing Page

    Landing Page

    I am new to react js and i want to do a landing page.

    Currently we have the APP that points to the Routes (dashboard)

            <StyledEngineProvider injectFirst>
                <ThemeProvider theme={theme(customization)}>
                    <CssBaseline />
                    <NavigationScroll>
                        <Routes />
                    </NavigationScroll>
                </ThemeProvider>
            </StyledEngineProvider>
    

    How can we have a landing page that will have the register/login and after that can redirect to the dashboard? Thank you

    question 
    opened by MihailButnaru 4
  • MUI v5-beta to Release

    MUI v5-beta to Release

    With the release of MUI v5, are there any plans to migrate the Berry templates to the new version? Looks like with the existing @mui/codemod migration script there are still issues with the stylized format of the template, especially when utilizing typescript

    enhancement 
    opened by Rykuno 4
  • help wanted: Highlight only the selected menu item not the ListItem button when the LIST is open.

    help wanted: Highlight only the selected menu item not the ListItem button when the LIST is open.

    Hello,

    Thank you for the wonderful theme.

    Currently, if a page/link/item is selected that will be highlighted, and if the List is open the background of the Button is set to be the same as the selected link.

    How can I disable that highlighted background of the button if the list is only open, Only want that to be highlighted when the inner item is clicked/selected?

    For example here:

    I am on the Shadow Page and The ICONS list is only open, yet the background is the same as the selected page. I want the background of the list only to be active when the nested items of the list are selected.

    image

    I want it like this: (done this using the inspect element) Is there any simple solution to achieve this? I tried removing the SELECTED prop from the navCollapse but it removes the background from other items too.

    image

    opened by ankursehdev 3
  • Question: how can I change the redirect url when the login is successful?

    Question: how can I change the redirect url when the login is successful?

    At the moment it points to dashboard because of the default, my default is Home but when I log in it points to home, I want to change it to point to something else without changing the default url. I am looking at the success but only see a dispatcher and submit. Any ideas, thank you

    opened by MihailButnaru 2
  • Production build - Not working

    Production build - Not working

    The dev mode is running as expected, but the production build is bumps a blank page and many errors in the console:

    [Wed Jul 07 20:15:41 2021] ::1:53014 [404]: /demos/admin-templates/berry/react/static/css/3.03ebe89f.chunk.css - No such file or directory
    [Wed Jul 07 20:15:41 2021] ::1:58156 [404]: /demos/admin-templates/berry/react/static/css/main.03ea965b.chunk.css - No such file or directory
    [Wed Jul 07 20:15:41 2021] ::1:60829 [404]: /demos/admin-templates/berry/react/static/js/3.e2a8a729.chunk.js - No such file or directory
    [Wed Jul 07 20:15:41 2021] ::1:56956 [404]: /demos/admin-templates/berry/react/static/js/main.7c1cf16c.chunk.js - No such file or directory
    [Wed Jul 07 20:15:41 2021] ::1:49493 [404]: /demos/admin-templates/berry/react/static/js/3.e2a8a729.chunk.js - No such file or directory
    [Wed Jul 07 20:15:41 2021] ::1:51447 [404]: /demos/admin-templates/berry/react/static/js/main.7c1cf16c.chunk.js - No such file or directory
    [Wed Jul 07 20:15:41 2021] ::1:59220 [404]: /demos/admin-templates/berry/react/favicon.svg - No such file or directory
    [Wed Jul 07 20:16:09 2021] ::1:65362 [404]: /serviceworker.js - No such file or directory
    

    Steps to reproduce the issue:

    1 - clone the repo 2 - Install deps via yarn 3 - Exec the production build yarn build 4 - visualize the files generated in the build directory

    Thanks in advance for your help

    opened by app-generator 2
  • Meet issue when deploy the template to firebase

    Meet issue when deploy the template to firebase

    I can run the app successfully locally on http://localhost:3000/free

    however when I try to deploy it to firebase to host my website I meet issue:

    after firebase init my project I run firebase deploy this website https://web3passport.web.app to the firebase when I open with chrome extension and I meet this issue:

    <noscript>You need to enable JavaScript to run this app.</noscript>

    Any suggestion?

    opened by FENGXIANGLI 1
  • fix error of `MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .`

    fix error of `MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .`

    fix error of index.js:1 MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .

    This error is always reproducing when app is loaded on development environment only.

    image

    opened by min9nim 1
  • 404 page not working

    404 page not working

    Hi @codedthemes You did really good job. I liked it <3

    But, I faced an issue. When I enter a non routed page, I am not getting 404 page instead i got the default page.

    Thanks

    berry 404 error

    wontfix 
    opened by gurusabarish 1
  • Bump loader-utils from 2.0.0 to 2.0.4

    Bump loader-utils from 2.0.0 to 2.0.4

    Bumps loader-utils from 2.0.0 to 2.0.4.

    Release notes

    Sourced from loader-utils's releases.

    v2.0.4

    2.0.4 (2022-11-11)

    Bug Fixes

    v2.0.3

    2.0.3 (2022-10-20)

    Bug Fixes

    • security: prototype pollution exploit (#217) (a93cf6f)

    v2.0.2

    2.0.2 (2021-11-04)

    Bug Fixes

    • base64 generation and unicode characters (#197) (8c2d24e)

    v2.0.1

    2.0.1 (2021-10-29)

    Bug Fixes

    Changelog

    Sourced from loader-utils's changelog.

    2.0.4 (2022-11-11)

    Bug Fixes

    2.0.3 (2022-10-20)

    Bug Fixes

    • security: prototype pollution exploit (#217) (a93cf6f)

    2.0.2 (2021-11-04)

    Bug Fixes

    • base64 generation and unicode characters (#197) (8c2d24e)

    2.0.1 (2021-10-29)

    Bug Fixes

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump loader-utils from 2.0.0 to 2.0.3

    Bump loader-utils from 2.0.0 to 2.0.3

    Bumps loader-utils from 2.0.0 to 2.0.3.

    Release notes

    Sourced from loader-utils's releases.

    v2.0.3

    2.0.3 (2022-10-20)

    Bug Fixes

    • security: prototype pollution exploit (#217) (a93cf6f)

    v2.0.2

    2.0.2 (2021-11-04)

    Bug Fixes

    • base64 generation and unicode characters (#197) (8c2d24e)

    v2.0.1

    2.0.1 (2021-10-29)

    Bug Fixes

    Changelog

    Sourced from loader-utils's changelog.

    2.0.3 (2022-10-20)

    Bug Fixes

    • security: prototype pollution exploit (#217) (a93cf6f)

    2.0.2 (2021-11-04)

    Bug Fixes

    • base64 generation and unicode characters (#197) (8c2d24e)

    2.0.1 (2021-10-29)

    Bug Fixes

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    opened by dependabot[bot] 0
  • Cannot install with set dependencies

    Cannot install with set dependencies

    When i install the dependencies i get the below error. Need to use right dependency versions in the code.

    While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! [email protected]"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer [email protected]"^17.0.0" from @mui/[email protected] npm ERR! node_modules/@mui/styles npm ERR! @mui/[email protected]"^5.8.6" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\HP\AppData\Local\npm-cache\eresolve-report.txt for a full report.

    opened by karthikc08 8
  • fix content resize when drawer opens

    fix content resize when drawer opens

    to reproduce, just go to https://berrydashboard.io/free/dashboard/default toggle device emulation and select a small phone, as you open and close the sidebar you can see the <Main> component padding changing

    opened by chaoky 0
Releases(v3.1.0)
Owner
CodedThemes
Serving Premium Admin Templates in Bootstrap, Material, Angular frameworks.
CodedThemes
Free React Typescript Admin Dashboard Template built with Material-UI

Tokyo Free White Typescript React Admin Dashboard Free React Typescript Admin Dashboard Template built with Material-UI This free and open source admi

Horia S 184 Dec 2, 2022
Admin One — Free React Tailwind 3.x Admin Dashboard with dark mode

Admin One — Free React Tailwind 3.x Admin Dashboard with dark mode Tailwind 3.x React with Next.js and TypeScript Tailwind 3.x React with Next.js and

JustBoil.me 30 Nov 27, 2022
Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.

Notus NextJS A beautiful UI Kit and Admin for Tailwind CSS and NextJS. Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Le

Creative Tim 806 Dec 1, 2022
Free React Admin Dashboard made with Material UI components and React.

Minimal UI (Free version) Free React Admin Dashboard made with Material UI components and React. Minimal Kit FREE Minimal Kit PRO 7 Demo Pages 40 demo

null 1.3k Dec 5, 2022
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

Themesberg 680 Dec 7, 2022
React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

Reduction Theme 1.4k Dec 1, 2022
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React

Cruip 1.5k Nov 28, 2022
⚛️A free and beautiful React admin dashboard template pack.

Shards Dashboard React A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note

DesignRevision 1.5k Nov 28, 2022
CoreUI React is a free React admin template based on Bootstrap 5

CoreUI Free React Admin Template v4 CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app i

CoreUI 3.9k Nov 29, 2022
Free React.js Admin template

Azia Admin React is yet another incredible admin template from BootstrapDash that is based on the Bootstrap framework. The template is tastefully designed and coded to perfection. Azia Admin React comes packed with a lot of bootstrap components, UI elements, and built-in sample pages to kick-start your project.

BootstrapDash 43 Oct 24, 2022
Star Admin Free React Template

Star Admin Free React Template Star Admin React is yet another incredible admin template from BootstrapDash that is based on Bootstrap framework. The

BootstrapDash 210 Nov 26, 2022
Corona React - Free Admin Template

Corona React - Free Admin Template Love dark mode? Here’s Corona React, now available as a free template. Don’t let the name scare you, Corona is a sl

BootstrapDash 173 Dec 3, 2022
CoreUI is free bootstrap admin template for react

CoreUI Free Bootstrap Admin Template For React

CoreUI 11.5k Dec 4, 2022
Datta Able Free Bootstrap 4 Admin Template

Datta Able Free Dashboard Template made using Bootstrap 4 framework, It is a free lite version of Datta Able Pro Dashboard Template that makes you fulfill your Dashboard needs.

CodedThemes 110 Nov 14, 2022
🌊 A template for building an SaaS/admin application using React + Material-UI.

?? Remains of a SaaS business I once tried to build. Now transformed into a template for building an SaaS/admin application using React + Material-UI.

Tim von Känel 1.5k Dec 4, 2022
Devias 63 Nov 1, 2022
🔮 Sofia React Template - Admin Dashboard Template built with React

?? Sofia React Template - Admin Dashboard Template built with React

Flatlogic 126 Nov 23, 2022
Notus React: Free Tailwind CSS UI Kit and Admin

Notus React A beautiful UI Kit and Admin for Tailwind CSS and React. Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let N

Creative Tim 604 Dec 4, 2022