25 Best Material UI (MUI) Templates & Dashboard Kits 2026
Material UI (MUI) is the most popular React component library, powering over 60% of React admin dashboards. Whether you need a production-ready admin panel, a SaaS dashboard, or a landing page starter, these templates give you a polished foundation with MUI v5/v6 components, TypeScript, dark mode, and authentication out of the box.
We tested every template below for working demos, active maintenance, and real-world usability. The list covers both free open-source options you can fork today and premium kits with 100+ pages and Figma design systems. Most support Next.js App Router — the current standard for production React apps.
Quick Comparison
| Template | Price | MUI Version | Next.js | TypeScript | Dark Mode | Auth | GitHub Stars |
|---|---|---|---|---|---|---|---|
| Minimal UI Pro | $69–$349 | v5/v6 | Yes | Yes | Yes | Multi | 2,000+ |
| Devias Kit Pro | $69–$299 | v5 | Yes | Yes | Yes | Multi | 5,500+ |
| Vuexy React | $49+ | v5 | Yes | Yes | Yes | Multi | N/A |
| Materio Pro | $49+ | v5 | Yes | Yes | Yes | Multi | 1,500+ |
| Berry Pro | $69–$249 | v5 | Yes | Yes | Yes | Multi | 2,000+ |
| Material Dashboard 2 | Free | v5 | No | No | Yes | No | 2,700+ |
| Devias Kit Free | Free | v5 | Yes | Yes | Yes | JWT | 5,500+ |
| Berry Free | Free | v5 | Yes | Yes | Yes | Google/JWT | 2,000+ |
| Mantis Free | Free | v5 | Yes | Yes | Yes | Multi | 1,000+ |
| Materio Free | Free | v5 | Yes | Yes | Yes | No | 1,500+ |
| React Admin | Free | v5 | Yes | Yes | Yes | Yes | 25,000+ |
| Ant Design Pro | Free | Ant Design | No (Umi) | Yes | Yes | Yes | 36,000+ |
Premium Material UI Templates
1. Minimal UI Pro
Premium TypeScript Next.js Dark Mode · Best for: SaaS products, polished client-facing dashboards
Minimal UI Pro is the gold standard for MUI admin dashboards. Built on Next.js with TypeScript, it ships with 200+ pages covering every common application pattern: email, chat, kanban, calendar, file manager, ecommerce, invoicing, and blog. The design quality is noticeably above competitors — clean spacing, consistent typography, and a refined color system across six presets.
What sets Minimal apart is the Figma design system included with every license. The component architecture mirrors the codebase 1:1, making designer-developer handoff seamless. Multi-auth support covers JWT, Firebase, Auth0, and AWS Amplify. If you’re building a production SaaS dashboard and want the most polished starting point available, this is it.
2. Devias Kit Pro
Premium TypeScript Next.js Dark Mode · Best for: Startup MVPs, SaaS admin panels
Devias Kit is one of the most forked MUI dashboards on GitHub (5,500+ stars for the free version alone). The Pro edition adds a full analytics dashboard, file manager, kanban board, and logistics tracking pages. It runs on Next.js App Router with TypeScript and supports four authentication providers: JWT, Firebase, Auth0, and AWS Amplify.
The template has been featured on the official MUI Store, which speaks to its code quality. ApexCharts handles data visualization, and the component structure is well-organized with clear separation of concerns. Particularly strong for teams that want a solid enterprise-grade foundation without the visual complexity of Vuexy or Materio.
3. Vuexy React
Premium TypeScript Next.js Dark Mode · Best for: Feature-rich enterprise apps, large teams
Vuexy is the best-selling React admin template on ThemeForest — and for good reason. It ships with nine dashboard variations (Analytics, CRM, eCommerce), 45+ pre-built pages, and the most extensive feature set in this list. Full RTL support, i18n with multiple languages, and authentication via JWT, Auth0, Firebase, and NextAuth.js are all included.
Built on Next.js App Router with TypeScript and MUI, Vuexy also includes a complete Figma design file. The dark mode and semi-dark sidebar implementations are polished, and the documentation is unusually thorough for a ThemeForest template. If you need the kitchen sink and don’t mind the $49 starting price, Vuexy delivers the most features per dollar.
4. Materio Pro
Premium TypeScript Next.js Dark Mode · Best for: Next.js production apps, multi-language sites
Materio from ThemeSelection competes directly with Vuexy and wins on a few fronts: cleaner default design, better organized component library, and a lower barrier to customization. The Pro version includes seven dashboard variations, 200+ components, and application pages for ecommerce, academy, logistics, and CRM use cases.
Both Recharts and ApexCharts are integrated for flexible data visualization. The template uses Next.js App Router with full TypeScript coverage, dark mode, RTL, and internationalization. ThemeSelection also provides a Figma design system and responsive email templates. Available as a free starter (see #15 below) so you can evaluate before purchasing.
5. Berry Pro
Premium TypeScript Next.js Dark Mode · Best for: Small-to-medium dashboards, auth-heavy apps
Berry is CodedThemes’ flagship MUI dashboard, and the Pro version is impressively complete. Six dashboard layouts (Default, Analytics, CRM, SaaS, eCommerce, Crypto), 100+ widget variations, and authentication support for Firebase, Auth0, JWT, and AWS Cognito. The design leans into soft shadows and rounded corners — a distinctive aesthetic that stands out from flatter competitors.
The free version (see #13 below) is one of the best free MUI dashboards available, making Berry a smart choice if you want to start free and upgrade later. CodedThemes maintains the template actively with regular MUI compatibility updates.
6. Able Pro React
Premium TypeScript Next.js · Best for: Enterprise projects needing maximum page coverage
Able Pro is CodedThemes’ most extensive template — 400+ UI elements across 100+ pages. It includes a HelpDesk application, SaaS-specific panels, and more page templates than most teams will ever need. Built on MUI with Next.js and TypeScript, it supports dark mode, RTL, mega menus, and multiple layout configurations.
Where Able Pro shines is breadth: if your project requires an unusual page type (invoice, pricing, maintenance, error states), it’s probably already built. The trade-off is that the codebase is larger and more complex than Berry or Mantis. Best suited for enterprise projects that need maximum coverage out of the box.
7. Modernize React
Premium TypeScript Next.js Dark Mode · Best for: Corporate dashboards, professional tools
Modernize is WrapPixel’s flagship React admin dashboard, built on MUI with Next.js support. It includes six dashboard layouts, 200+ components, and pre-built application pages for email, chat, notes, calendar, and ecommerce. Dark mode, RTL support, and multi-auth are standard.
WrapPixel templates share a similar aesthetic — clean, professional, and slightly conservative in design. Modernize hits the sweet spot between feature completeness and manageable complexity. At $49 for a single-use license, it competes well with ThemeSelection and CodedThemes offerings.
Looking for more admin dashboard options beyond Material UI? Browse our collection of free Bootstrap admin dashboard templates for framework-agnostic alternatives, or check out Vue.js admin templates if you prefer the Vue ecosystem.
Free Material UI Templates
8. React Admin (Marmelab)
Free TypeScript Next.js · Best for: API-driven CRUD apps, back-office tools
React Admin isn’t a template — it’s a full-featured framework for building admin applications, and it’s the most popular one in the React ecosystem with 25,000+ GitHub stars. It generates CRUD interfaces automatically from your REST or GraphQL API, handles authentication, provides advanced filtering, and supports real-time updates.
The MUI-based UI is clean and functional. React Admin works with any backend through its data provider abstraction — there are adapters for Supabase, Firebase, Hasura, Django, Laravel, and dozens more. The free MIT version covers most use cases; the Enterprise Edition adds role-based access control, audit logs, and premium support. If you need a functional admin panel (not just a visual template), this should be your first stop.
9. Material Dashboard 2 React (Creative Tim)
Free Dark Mode · Best for: Quick prototypes, learning projects
Material Dashboard 2 is Creative Tim’s most downloaded free MUI dashboard — over 2,700 GitHub stars and tens of thousands of downloads. It includes seven example pages (Dashboard, Tables, Billing, Notifications, Profile, Sign In, Sign Up), dark mode, and Chart.js integration for basic data visualization.
The design follows Google’s Material Design guidelines closely, giving it a familiar feel for anyone who’s used Google Workspace. The free version is JavaScript-only (TypeScript is available in Pro), but the clean codebase makes it easy to add types. A solid starter for personal projects and MVPs where you need to ship fast with a recognizable UI.
10. Devias Kit Free
Free TypeScript Next.js · Best for: Free SaaS starters with auth included
The free tier of Devias Kit is arguably the best free MUI admin dashboard available. With 5,500+ GitHub stars, full TypeScript support, Next.js App Router, and JWT authentication included out of the box, it punches well above its weight class. The free version includes dashboard, customer management, settings, auth, and error pages.
The code quality is excellent — well-organized file structure, proper TypeScript types, and clean component separation. Featured on the official MUI Store alongside premium templates, which is a strong endorsement. Start here if you want a professional-grade free MUI starter with a clear upgrade path to Pro.
11. Soft UI Dashboard React (Creative Tim)
Free Dark Mode · Best for: Consumer-facing SaaS, creative projects
Soft UI Dashboard stands out from every other MUI template on this list with its distinctive glassmorphism design language. The neumorphic cards, frosted-glass panels, and soft shadows create a unique visual identity that’s immediately recognizable. Built on MUI with 70+ components and 7 example pages.
The free version includes the core dashboard, tables, billing, and authentication pages. The design may not suit every project — glassmorphism can feel decorative in data-heavy enterprise settings — but for consumer-facing SaaS dashboards and creative projects, it’s a striking choice. Creative Tim also offers matching landing page templates in the same design system.
12. Minimal UI Free
Free TypeScript Next.js · Best for: Design-focused starters, premium upgrade path
The free version of Minimal UI includes 7 demo pages — enough to evaluate the exceptional design quality and decide whether the Pro upgrade makes sense. Built on Next.js with TypeScript and MUI, it follows the same code architecture as the Pro version, so upgrading later is seamless.
Even the free tier demonstrates why Minimal UI is considered the best-designed MUI dashboard available: consistent spacing, refined typography, and attention to micro-interactions. The GitHub repo has 2,000+ stars. Best for developers who prioritize design quality and plan to customize extensively rather than use pre-built pages.
13. Berry Free (CodedThemes)
Free TypeScript Next.js Dark Mode · Best for: Small projects with auth needs
Berry Free is one of the most complete free MUI dashboards. It includes Google and JWT authentication, dark mode, ApexCharts integration, widget pages, and customizable color presets — features that most competitors lock behind a paywall. The design uses soft shadows and rounded corners that give it a warm, approachable feel.
With 2,000+ GitHub stars and active maintenance from CodedThemes, Berry Free is production-viable for small to medium projects. The Next.js version uses App Router with TypeScript. If you outgrow the free tier, the Pro upgrade adds CRM, eCommerce, and additional dashboard variations.
14. Mantis Free (CodedThemes)
Free TypeScript Next.js Dark Mode · Best for: Data-dense internal tools, analytics panels
Mantis is CodedThemes’ second MUI dashboard, inspired by Ant Design’s clean aesthetic but built entirely on MUI components. The free version includes authentication support for four providers (Auth0, Firebase, JWT, AWS Cognito), dark mode, and ApexCharts — matching Berry’s generous free tier.
The key difference from Berry is visual: Mantis uses a flatter, more structured design with stronger horizontal lines and denser information layouts. This makes it better suited for data-heavy applications where screen real estate matters. TypeScript and Next.js support included. 1,000+ GitHub stars and actively maintained.
15. Materio Free (ThemeSelection)
Free TypeScript Next.js · Best for: Clean Next.js starters, ThemeSelection ecosystem
Materio Free gives you a taste of the full Materio experience with enough pages and components to build a functional admin panel. Built on Next.js with MUI and TypeScript, it includes dark mode and a clean layout system. ThemeSelection maintains it alongside the Pro version, ensuring the free tier stays current with MUI updates.
The free version includes dashboard, account settings, login/register pages, and basic tables. While not as feature-rich as Berry or Mantis in the free tier, Materio’s design language is more contemporary and the code structure is exceptionally clean. 1,500+ GitHub stars. A good choice if you’re evaluating ThemeSelection’s ecosystem before committing to Pro.
16. React Material Admin (Flatlogic)
Free · Best for: Simple MUI starters without framework opinions
Flatlogic’s free MUI admin dashboard is lightweight and straightforward — no framework opinions, no heavy abstractions. It includes charts via ApexCharts and Recharts, tables, notifications, authentication pages, and map integration. JavaScript-only (no TypeScript in the free version).
With 1,600+ GitHub stars, it’s well-established in the community. Flatlogic also offers a Generator platform that creates full-stack admin applications from a data model, which pairs well with this template as a starting point. Best for developers who want a simple, no-frills MUI starter without the overhead of Next.js or TypeScript.
17. Ant Design Pro
Free TypeScript · Best for: Chinese enterprise apps, complex form-heavy dashboards
Ant Design Pro is the official production-ready admin solution from the Ant Design team — 36,000+ GitHub stars make it the second most starred admin template in the React ecosystem. It uses Ant Design components (not MUI) but targets the same audience: developers building enterprise admin panels and internal tools.
Built on the Umi framework with TypeScript, it includes internationalization, role-based access control, mock data generation, and comprehensive testing support. The ProComponents library adds high-level components like ProTable, ProForm, and ProLayout that dramatically reduce boilerplate. Especially popular in Chinese enterprise development where Ant Design originated.
18. Refine
Free TypeScript Next.js · Best for: Full-stack admin panels with existing APIs
Refine is a meta-framework for building data-intensive CRUD applications — 29,000+ GitHub stars and growing fast. Unlike traditional templates, Refine is headless: you choose your UI library (MUI, Ant Design, Chakra UI, or Mantine), your data provider (REST, GraphQL, Supabase, Strapi, Hasura), and your routing (Next.js, Remix, or React Router).
The MUI integration produces admin panels that look and feel identical to dedicated MUI templates, but with automatic CRUD generation, real-time updates, and built-in access control. Enterprise features include audit logs, fine-grained permissions, and multi-tenancy. If your admin panel needs to interact with an existing API rather than serve static designs, Refine is the modern choice.
19. Horizon UI (Chakra UI)
Free TypeScript Dark Mode · Best for: Web3/NFT dashboards, AI-themed projects
Horizon UI takes a different approach from pure MUI templates — it’s built on Chakra UI, which shares Material Design’s component-driven philosophy but with a more modern, flexible styling system. The free version includes 70+ dark/light components, an NFT marketplace page, authentication pages, and ApexCharts integration.
The standout feature is the design aesthetic: Horizon UI has a contemporary, almost futuristic look with gradient accents and glassmorphic elements. The NFT and AI-themed pages make it particularly well-suited for Web3 and AI dashboard projects. 4,000+ GitHub stars and available in both Chakra UI and Next.js variants.
20. Datta Able Free (CodedThemes)
Free · Best for: Bootstrap teams migrating to React
Datta Able is CodedThemes’ React-Bootstrap admin template — a solid option for teams that prefer Bootstrap’s familiar component model over MUI. The free version includes charts, widget pages, forms, tables, and a clean sidebar layout. The design is more traditional/corporate compared to Berry’s softer aesthetic.
While not MUI-based, we include it here because it targets the same audience: React developers building admin dashboards with a Material Design-inspired look. 600+ GitHub stars. Best for teams migrating from Bootstrap admin templates who want to stay in the Bootstrap ecosystem while adopting React.
21. Sakai React (PrimeReact)
Free TypeScript Next.js · Best for: PrimeReact ecosystem, enterprise data tables
Sakai is the official free admin template from PrimeReact — the enterprise React component library with 40+ components, each extensively customizable via themes. The template showcases PrimeReact’s full capabilities: data tables with sorting/filtering/pagination, form components, chart widgets, and three menu modes (static, overlay, slim).
PrimeReact competes directly with MUI in the enterprise space, and Sakai demonstrates why: the component coverage is broader in some areas (especially tables and forms), and the theming system is more flexible. Built with Next.js and TypeScript. 800+ GitHub stars. Best for teams that want an MUI alternative with stronger enterprise data handling.
22. AdminJS
Free TypeScript · Best for: Node.js apps needing auto-generated admin panels
AdminJS (formerly AdminBro) auto-generates an admin panel from your database models — no manual CRUD page building required. Point it at your Sequelize, Mongoose, TypeORM, or Prisma models, and it generates a full admin interface with list views, create/edit forms, filters, and relationships.
The UI is built with styled-components and a Material Design-inspired design system. With 8,000+ GitHub stars, it’s the most popular auto-generated admin solution for Node.js. Plugins exist for Express, NestJS, Hapi, and Koa. AdminJS Cloud offers a hosted version with additional features. Best for Node.js developers who need a functional admin panel in hours, not days.
23. Mantine Admin
Free TypeScript Dark Mode · Best for: Developer experience-focused React apps
Mantine is the React UI library growing fastest in developer satisfaction (rated #1 in the 2024 State of React survey for component libraries). This community-built admin dashboard showcases Mantine’s capabilities: dark mode toggle, responsive charts, data tables, and authentication pages — all with Mantine’s clean, developer-friendly component API.
The template runs on Vite for fast development and includes TypeScript throughout. While smaller than MUI-based alternatives (400+ GitHub stars), Mantine Admin demonstrates why developers are increasingly choosing Mantine over MUI: less boilerplate, better default styles, and more intuitive customization. Worth evaluating if you’re not committed to MUI.
24. Tremor
Free TypeScript Next.js · Best for: Analytics dashboards, KPI monitoring
Tremor isn’t a template — it’s a purpose-built React component library specifically for dashboards and analytics interfaces. With 16,000+ GitHub stars, it provides 35+ components designed for showing data: KPI cards, area/bar/donut charts, data tables, filter controls, and tracking widgets. Built on Tailwind CSS and Radix UI primitives.
The philosophy is “show the data, hide the chrome” — Tremor components are intentionally minimal so the data takes center stage. You compose your dashboard from these building blocks rather than customizing a pre-built template. TypeScript-first, Next.js compatible. Best for teams building analytics dashboards and monitoring tools where data density matters more than visual flair.
25. Argon Dashboard React (Creative Tim)
Free · Best for: Quick MVPs, gradient-heavy branding
Argon Dashboard uses Reactstrap (Bootstrap for React) rather than MUI, but its gradient-heavy Material Design-inspired aesthetic has made it one of Creative Tim’s most recognizable templates. The free version includes charts, tables, maps, authentication pages, and a distinct blue-purple color palette that works well for SaaS and analytics dashboards.
With 500+ GitHub stars, Argon is a mature template that’s been battle-tested across thousands of projects. The Bootstrap foundation means easier customization for teams already familiar with Bootstrap utilities. No TypeScript or Next.js support — this is a simpler, CRA-based starter. Best for quick prototypes and MVPs where you want a distinctive look without framework complexity.
FAQ
What is the best free Material UI template?
Devias Kit Free is the best overall free MUI template — it has 5,500+ GitHub stars, full TypeScript support, Next.js App Router, and JWT authentication included. Berry Free from CodedThemes is a close second with more features in the free tier (dark mode, Google auth, multiple color presets).
What is the difference between MUI and Material Design?
Material Design is Google’s design language (the visual guidelines). MUI (formerly Material-UI) is a React component library that implements those guidelines. You can use MUI without strictly following Material Design rules — most templates on this list customize the default MUI theme extensively.
Which MUI template supports Next.js App Router?
Most modern MUI templates support Next.js App Router, including Minimal UI, Devias Kit, Materio, Berry, Mantis, Vuexy, and Modernize. Older templates like Material Dashboard 2 React and Argon Dashboard still use Create React App or Vite without Next.js.
Is MUI still the best React UI library for dashboards?
MUI remains the market leader with ~60% of React admin dashboards using it, but alternatives are growing. Ant Design dominates in Chinese enterprise development. Mantine is gaining popularity for its developer experience. shadcn/ui with Tailwind CSS is the fastest-growing alternative, especially for Next.js projects.
Can I use these templates commercially?
All free templates listed here use MIT or Apache 2.0 licenses, which allow commercial use. Premium templates require a license purchase — most vendors offer a Regular license ($49-$69) for a single end product and an Extended license ($249-$599) for SaaS products where end users are charged.
How do I add authentication to an MUI template?
Most premium templates (Minimal UI, Devias Kit, Berry, Materio) include pre-built authentication with multiple providers (JWT, Firebase, Auth0, NextAuth.js). For free templates without auth, NextAuth.js (now Auth.js) is the standard solution for Next.js projects, while Firebase Auth works well for simpler setups.
What MUI version should I use in 2026?
MUI v5 is the current stable version used by most templates on this list. MUI v6 is available but template adoption is still in progress. Choose v5 for maximum compatibility with existing templates and community resources.
Should I choose a template or a framework like React Admin?
If you need a visual dashboard with static pages and custom designs, choose a template (Minimal UI, Berry, Devias Kit). If you need a functional admin panel that generates CRUD interfaces from your API automatically, choose a framework (React Admin, Refine, AdminJS). Many teams start with a template for the design and integrate framework features later.
What is the best MUI template for SaaS dashboards?
Minimal UI Pro and Devias Kit Pro are the top choices for SaaS dashboards — both include subscription management pages, analytics, user management, and multi-tenant architecture patterns. Berry Pro adds CRM and eCommerce-specific pages. For a free option, React Admin paired with your backend is the most production-ready path.
How do I customize an MUI template’s theme?
All MUI templates use the ThemeProvider with a custom theme object. Modify the theme file (usually in src/theme/ or src/config/) to change colors, typography, shadows, border radius, and component defaults. Most premium templates include a visual theme customizer in the sidebar for real-time previewing.
Related Posts
Comments (0)