Description
Berry is a beautiful React Admin Template that comes with many ready-to-use blended Material UI components. Berry helps you to create your backend application even faster than before. Berry now supports React v18 and 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 designs.
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.
Berry is now available in multiple frameworks** Show me
Remix Version: Live preview
A glimpse of the v3.4.0
- Next.js v13
- React Remix complementary and Minimal Version (Limited support)
- Removed Mock and hit live API call
Package includes
The download package includes the following:
| Package | Standard | Plus | Extended |
| JavaScript | ✔ | ✔ | ✔ |
| TypeScript |
– | ✔ | ✔ |
| Next.js (JS) | ✔ | ✔ | ✔ |
| Next.js (TS) | – | ✔ | ✔ |
| Remix (JS) *** – Minimal Version | ✔ | ✔ | ✔ |
| Remix (TS) *** – Minimal Version | – | ✔ | ✔ |
| Figma Files |
– | ✔ | ✔ |
Key features
- Modern aesthetics UI design.
- Quick Start with the Skeleton version.
- New – 6+ Color Presets.
- New – Font Family options (Roboto, Poppins, Inter)
- Light / Dark Layouts.
- Eye-catchy material color palette.
- Hundreds of customized Material UI components.
- Pre-build useful pages & Apps.
- Vertical, Horizontal, and Collapse Layouts options.
- 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.x?
- React 18 support
- New landing pages
- Horizontal / Collapse layout
- Organization chart
- Redux toolkit
- AWS Cognito 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 for font selection, Layout switcher, and 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, and Enhanced table with search, filter, and 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, and Icons (i.e. 2,000+ Material Icons, Tabler Icons).
- New – Landing Page.
- Contact Page.
Technology stack
- Built with Material UI v5 component library.
- Authentication using – Auth0, Firebase, JWT, 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.
- Next.js
- React Remix
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, and 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, and 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’s 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. The duration of updates and technical support are as per MUI policy.
** Only React versions are included with purchases made from MUI Store, while other tech versions are sold separately, read more.
*** Technical Support is limited for the Remix version.
OXBOT (verified owner) –
—
dimension: code-quality
—
We’re just getting started with this new theme, but we liked it enough that we decided to import our application into this codebase rather than the other way around. Impressive number of custom components and original work (vs. some other themes that seem to just be repackaged versions of Material UI). It is clear the developers have put some work in here, and we are excited to see what updates are rolled out over the next year.
Anderson Oliveira (verified owner) –
—
dimension: code-quality
—
The Berry Template is really amazing, I like the code quality. I am new in React Js, but I easily get the code.
Jean-Philippe Dupéré (verified owner) –
—
dimension: design-quality
—
Very well written. I use it as a base for completely rewriting our existing app’s front end.
Besart Marku (verified owner) –
—
dimension: code-quality
—
Great template. Very well written code and good structure. Very customizable and tons of nice components. Good documentation. Team is very responsive too 🙂
Felipe Flores (verified owner) –
—
dimension: design-quality
—
Fantastic design and good code quality. It’s a great starting point for any new project. They provide plenty of premade components, page views, and authentication options. Definitely the best I’ve found for Material UI in Typescript
Dillon Powers (verified owner) –
—
dimension: customizability
—
The project template is great, as well as the codebase. I am a backend developer, new to frontend and learning. So this template is turning out to be a great foundation for me to start a new webapp project as well as seeing best practices and project structure. Further this template indirectly saved me $$, by using Firebase Auth as a default, it prompted me to research into Firebase as I was planning on using Auth0 which is far more expensive. The inclusion of a Skeleton project to easily integrate is also very helpful
musaid (verified owner) –
—
dimension: code-quality
—
Awesome design. Exceptional code quality. Great customer service. I’d say, the best theme I’ve seen in a while.
rodrigo jimenez (verified owner) –
—
dimension: customizability
—
Excellent design, you can use in a new project or include in your current project. Multiple components for any use. Good code quality. Great customer service and support.
Anonymous (verified owner) –
—
dimension: documentation-quality
—
Really happy with what they have come up with. I especially like the extensive demo page which is included when you buy the package. Still at the beginning but I thouroughly enjoy the templates!
payments (verified owner) –
—
dimension: design-quality
—
Looks amazing! This design is my first option for future all projects.
sepela (verified owner) –
—
dimension: code-quality
—
Code is nicely organized. Design is really awesome.
Yang Zhiqiang (verified owner) –
—
dimension: design-quality
—
The function is very powerful and can basically meet most of the business needs
Abdulrahman Albaiti (verified owner) –
—
dimension: design-quality
—
ما شاء الله تبارك الرحمن ولا غلطة تصميم رائع وكود منظم شكرا لكم وبالتوفيق يارب
there is no mistake, great design and organized code, thank you and good luck
William Sharp (verified owner) –
—
dimension: design-quality
—
One of the better themes I’ve used. Beautiful and clean design. Also included a NextJS project (which is pretty rare in what I’ve seen on MUI templates). Ultimately it didn’t work out for my specific use case, but this is a well organized theme. Definitely keeping it in mind for future projects.
Qing Cao (verified owner) –
—
dimension: code-quality
—
The new version is not compatible with the old version: you changed the react store, so all our project files had to change with it. We have to modify our project files one by one…
payments (verified owner) –
—
dimension: design-quality
—
Great product. The UI is getting better and beter.
Keep up the good work guys!
Mahen Samaranayake (verified owner) –
—
dimension: feature-availability
—
Byron Kennedy (verified owner) –
—
dimension: other
—
Wanted to share an overall 5 stars. We’re making use of the latest NEXT js version and the team has been super repsonseive in helping us get moving on all we need. The verisoning and updates is something we do need to figure out given we’re using the skelaton tempalte fully and then customizing from there. Some guidance and best practices there would be helpful for us and others. Keep rocking guys!
NELU LLC (verified owner) –
—
dimension: customer-support
—
This is a quality team with quality support. Number of available modules is incredible. Anytime I thought “oh I wish it had this” I was able to find exactly that already pre-made in the template.
Flavio Diniz Rossetto Junior (verified owner) –
—
dimension: code-quality
—
Code quality ain’t the best, there’s no real “seed project” for next and we had to completely create a real seed project to work with a monorepo. Structure is confusing (files spread all around) and lots of components handle just the “full” state (compared to other top selllers at MUI, its behind). Since our developers looked into it a few days after we downloaded it, we weren’t elegible for refund. I might revisit after some updates if there’s a seed version for next.
payments (verified owner) –
—
dimension: design-quality
—
Berry is just pixel-perfect and super easy to customize.
Already purchased for 4th project.
matthewsawka (verified owner) –
—
dimension: customer-support
—
Amazing Customer support. Any issue they will help you with / respond within a reasonable time. Overall, clean and modern theme. Love the NextJS / TS support!
Marc Zetek (verified owner) –
—
dimension: code-quality
—
The Next.js version is not really a Next.js version… It is actually the React app re-organized to fit into a Next application. Not any use of data fetching techniques specifics to Next.js. And all pages are not working properly in Nextjs version compared to React (example : UsersLists). Skeleton is still a bit messy in files for a skeleton… But the overall design looks good.
Also weird behaviour when not logged in and trying to reach a page of the dashboard, it shows the dashboard for a second… Not suppose to do this. Definitely need to look at this.
bente (verified owner) –
—
dimension: customer-support
—
Very good customer service! I liked the design and there was nothing wrong, but found out after testing that it did not quite match the functionality and overall design that I needed for my type of software. I therefore contacted customer service and it was no problem even though the deadline for refund had actually expired.
payments (verified owner) –
—
dimension: design-quality
—
Great Design and the updates rate is impressive. Ty guys!
Gregory Smith (verified owner) –
—
dimension: customer-support
—
Great customer support!