Berry Material React v5.2.0: New App Modules, MUI v9 & Major UI Refactor

We’re excited to announce a major update to Berry Material React v5.2.0!

This update brings 3 new application modules, migration to MUI v9, improved dark mode, and better component consistency across the entire template. Whether you’re building SaaS products, CRM systems, or admin dashboards, v5.2.0 gives you a cleaner, more powerful foundation to build on.

Why this update was needed

As we know frontend technology evolves, and our users build larger, more complex products, Berry continues to evolve with them. This release focuses on:

• Migrating to Material UI v9, the latest version by MUI for better compatibility and future support.
• Adding 3 production-ready app modules to help you build faster.
• Improving dark mode for a more consistent experience.
• Refining component styling across the entire design system for a cleaner and more polished UI.

New app modules

Order management app

A new order management app has been added:

• Order list page with real-time search
• Order upsert (create/edit) modal with full form field binding
• Product details page
• ActionList component with custom tooltip shadow
• Responsive toolbar for mobile viewports

Customer management app

Build CRM-ready applications faster with the new customer module:

• Customer list page with sortable, searchable table
• Customer upsert modal with form field binding
• CRM lead management and contact card integration
• Routes and menu items pre-configured and ready to go

Mail app (Redesign)

The Mail app has been completely rebuilt from the ground up:

• New layout with sidebar, toolbar, and mail list/detail views
• Compose dialog with validation and label color picker
• Sent and draft functionality with store binding
• Attachment display, reply, and forward UI
• Delete dialog as a standalone reusable component
• Label management (create, assign, delete)
• Debounced search and empty state illustrations
• RTL support via Quill editor integration
• Full Redux store setup with slices and reducers

Major improvements

MUI v9 migration

Berry Material React TS is now fully updated to Material UI v9.

• Upgraded all packages and resolved build issues.
• Updated ESLint for MUI v9 compatibility.
• Aligned TypeScript types with the latest MUI APIs.
• Added 50+ migration prompt files to help with upgrades.
• Upgraded to Vite v8 for faster builds and development.

Improved dark mode

We’ve refined dark mode across the entire template for a more consistent experience.

• Fixed issues on analytics and default dashboards.
• Improved widget color consistency.
• Updated menu, header, and customization panel styling.
• Fixed Date Picker, InputAdornment, and Autocomplete icon colors.
• Resolved remaining dark mode palette issues.

Component override system

A major expansion of the MUI override layer brings visual consistency across all components:

• OutlinedInput and TextField overrides
• Select and InputLabel overrides
• Chip and Autocomplete overrides
• PickerOutlinedInput override
• MuiButton and MuiIconButton overrides (including disabled states)
• Avatar overrides — outline, soft, and data-variant styles consolidated, extended avatar component removed
• MainCard hover shadow removed
• SubCard box shadow removed
• TablePagination override

Invoice module

• Invoice list and edit pages updated
• Client sections, item tables, and payment pages refined
• DialogAction override applied consistently
• Add client in dialog integrated

MapLibre maps

• JSON-related rendering issue fixed
• Marker and popup color updated using CSS color variables

Palette & colors

• New default palette introduced
• Pending palette color issues fixed
• Global styles added for Apex Charts
• Color variable system expanded for dark/light mode consistency

Bug fixes

• Fixed customer1 reducer slice naming conflict
• Fixed widget color regression
• Fixed yarn version mismatch and lock file inconsistencies
• Fixed ESLint and TypeScript errors introduced during Next.js migration
• Fixed extra spacing on laptop-sized viewports in the Chat module
• Fixed icon color issues on date picker components
• Fixed palette color issues in dark mode (multiple passes)
• Resolved merge conflicts from master branch
• Removed old mail module implementation and legacy routes
• Removed unused React. namespace references across components

Tooling & Infrastructure

• Vite v8, faster cold starts and optimized build output
• GitHub workflows updated (prod.yml, stage.yml, yarn-stage-check.yml)
• MUI v9 migration prompt library added (22 prompt files covering all breaking changes)
• Automated package upgrade workflow using prompt-driven process
• Stylis package added for CSS-in-JS compatibility

Berry Material React TS v5.2.0 is one of our major updates. It brings new app modules, support for Material UI v9, a better dark mode experience, and many improvements across the template.

Whether you’re building admin dashboards, CRM tools, or SaaS applications, this update gives you a more polished and reliable foundation.

Update today and let us know what you build with Berry!