Introducing the Metronic CRM Concept!  Launch your CRM in minutes with pre-built pages and real-world workflow layouts.

Get Started

Superior
|

#1 Dashboard since 2013

Hands down the most developer friendly package that I have worked with.  A++++
Levon DzavahyanChief Software Architect at solarspace.io
LD
CP
TA
HK
★★★★★
4.89/5(8,170 Reviews)
118,000+ Devs & Founders
Tailwind CSS v4
React v19
HTML 5
TypeScript v5
JavaScript
Tailwind CSS v4
React v19
HTML 5
TypeScript v5
JavaScript
Tailwind CSS v4
React v19
HTML 5
TypeScript v5
JavaScript
React Aria
Radix UI
Base UI
shadcn/ui
Vite
React Aria
Radix UI
Base UI
shadcn/ui
Vite
React Aria
Radix UI
Base UI
shadcn/ui
Vite
React Hook Form
Motion
Zod
Node.js
Prisma
Supabase
Tanstack Table
ReUI
KtUI
React Hook Form
Motion
Zod
Node.js
Prisma
Supabase
Tanstack Table
ReUI
KtUI
React Hook Form
Motion
Zod
Node.js
Prisma
Supabase
Tanstack Table
ReUI
KtUI

Helping Creators Increase Productivity

118K+

Happy Buyers

8K+

5 Star Reviews

10M+

End Users

12 Years+

On the Market

UI Path
Vue Cinemas
SupportBook
SNS
Rolls Royce
RIE
PUBA
Puma
NASA
ISL
Hexagon
Government of Canada
Comcast
ASP.NET Zero
AT&T
UI Path
Vue Cinemas
SupportBook
SNS
Rolls Royce
RIE
PUBA
Puma
NASA
ISL
Hexagon
Government of Canada
Comcast
ASP.NET Zero
AT&T
UI Path
Vue Cinemas
SupportBook
SNS
Rolls Royce
RIE
PUBA
Puma
NASA
ISL
Hexagon
Government of Canada
Comcast
ASP.NET Zero
AT&T
UI Path
Vue Cinemas
SupportBook
SNS
Rolls Royce
RIE
PUBA
Puma
NASA
ISL
Hexagon
Government of Canada
Comcast
ASP.NET Zero
AT&T

Starter Kits

No reverse engineering. Start with pre-built layouts, clean empty pages, and copy-and-paste any component from the main package as you go.
Layout 13
ReactNext.js

Layout 13

Layout 14
ReactNext.js

Layout 14

Layout 15
ReactNext.js

Layout 15

Layout 16
ReactNext.js

Layout 16

Layout 17
ReactNext.js

Layout 17

App & Concepts

Jump-start your next project with pre-built apps and concepts inspired by real-world business workflows.
CRM
ReactNext.js

CRM

Store - Retail

Full Demos

10 unique HTML, React Vite & Next.js demos built with Tailwind CSS, ReUI, shadcn/ui, Radix UI.

Demo 1 - Default

Demo 2- Horizontal Menu

Demo 3- Compact Sidebar

Demo 4- Two-column Sidebar

Demo 5- Dual-row Header

Demo 6- Multiple Menus

Demo 7- Advanced Mega-menu

Demo 8- Dropdown Menu

Demo 9- Extended Header

Demo 10- Dark Sidebar

Landing- SaaS Launcher

Pages & Components

Over 150 pages, 60+ components and 1000+ UI elements built with Tailwind CSS, ReUI, shadcn/ui, Radix UI.

Public Profile

Gamer Profile

Company Profile

Projects - Columns

Projects - Rows

Team Profile

User Profile

Account Settings

Account Starter

Basic Billing

Billing Plans

Security Overview

Backup Recovery

Teams Listing

Notifications Settings

Account Integrations

User Cards - NFT

Team Members

Sign In Form

2-factor Authentication

Account Advanced Settings

Company Profile

Account Appearance Settings

API Settings

Import Members

Security Logs

Profile Activity

Team Starter

Enterprise Settings

Solid Foundation

Metronic is a comprehensive toolkit of UI components built with Tailwind CSS, enabling you to create modern, scalable web applications.
Theming
Theming

Customize colors and styles for a unique UI experience, matching your brand identity and user preferences.

UI Elements
UI Elements

Essential components for creating visually appealing interfaces that enhance user interactions.

Navigations
Navigations

Flexible navigation components for an intuitive user experience, helping users find their way easily.

Menus
Menus

Adaptable menu options to improve user interaction, providing easy access to various features.

Forms
Forms

Customizable form elements for efficient data collection, enhancing accuracy and user experience.

Datatables
Datatables

Robust tables for organizing and displaying data effectively, enhancing data management.

Overlays
Overlays

Overlay components for enhanced visual effects, providing additional context and interactivity to users.

Feedback
Feedback

Interactive feedback components like notifications and alerts to keep users informed and engaged.

Cards
Cards

Stylish card layouts for presenting content and data in an organized and visually appealing manner.

Users
Users

User profile components to manage personal information and settings in a comprehensive interface.

Icons
Icons

Extensive icon library to enhance the visual appeal and intuitiveness of your application, making it more user-friendly.

Charts
Charts

Advanced charting tools for dynamic, interactive data visualization, providing valuable insights and analytics.

Package

With single purchase, you will get whole package of Metronic.
Complete Tailwind(v9) & Bootstrap(v8) packages
Complete source code for all packages
Complete documentations for all packages
Starter kits with 14 pre-built layouts
10 Tailwind 4 Demos for HTML, React and Next.js
64 Bootstrap 5 Demos for HTML & JavaScript
150+ Tailwind 4 pages for HTML, React and Next.js
100+ Tailwind 4 components for HTML, React and Next.js
1000+ Tailwind 4 UI blocks for HTML, React and Next.js
Angular, Vue, Laravel starter kits for Bootstrap
Asp.net Core, Blazor Server starter kits for Bootstrap
Unlimited access to all source code
Access to all legacy v4, v5, v6, v7 versions
Lifetime free updates and support

Wall of Love

Appreciated by thousands of developers and founders delivering the best experience for our customers since 2014.
ST

Halil İbrahim Kalkan

Co-founder, AspNetZero/VoloSoft

Metronic was one of the best decisions we made when we started developing ASP.NET Zero. As .NET backend developers, Metronic was so easy-to-use and streamlined our development processes whilst making it possible for us to create a good-looking, stable and user-friendly frontend. Metronic helped us to reach the market quickly, which was one of the key points of our success.

ST

Levan Dvalishvili

Chief Software Architect, SolarSpace

Hands down the most developer friendly package that I have worked with.. A+++++

ST

Yucel Faruksahan

Software Engineer

Love the constant updates. Really nice and beautiful design, which is perfect for all kinds of projects.

ST

Ismael Ittner

Web developer, Freelancer

Optimal update rate from the developers! Thumbs up dudes!

ST

Chris Purser

CEO/CXO, Digital Power Solutions

We use Metronic for our primary SaaS platform dashboard and have for many years and it has held up well. Keep your support alive and you'll continually get great assists from this team, even after your version is older. Really fantastic all-in-one solution.

ST

Harsha MV

Head Marketing & Growth, OrbitX

It's just perfect! The best UI/UX framework for dashboards ever..

ST

Alain Alemany

Fullstack Developer, SPARX Logistics

Best admin dashboard in the whole wide world.

ST

Jolmer

CTO, Retailgear

The impact of the Metronic 8 theme on our frontend development is overwhelming. We were skeptical at first, because we had to REWRITE the frontend due to another theme. But working with a component based approach did not deliver us a good design as well. After weeks of comparing, we opted for the Metronic theme. The main points we considered were overall design, performance, Bootstrap, Angular, React and Vue.js support

ST

Tayyab Akamal

CEO, DigitYu

I recently purchased the Metronic Admin Dashboard by Keenthemes, and I'm extremely impressed with the overall quality. The code is clean, well-structured, and easy to work with. Whether you're using Tailwind, Bootstrap, React, Vue, Angular, ASP.NET, or Laravel – everything is seamlessly integrated. It's a top-notch template for building professional dashboards. Highly recommended for developers looking for a scalable and reliable solution.

ST

Vagner Kaefer

CREA PR, Huawei/Datacom

It is the best dashboard system in the Theme Forest!

ST

Zafer Baspinar

Software Engineer, Freelancer

A great app is a good tool for training and producing content.

Success Stories

Discover how leading companies leverage Metronic to build exceptional user experiences and accelerate their development process.
RETAILGEAR team

The impact of the Metronic 8 theme on our frontend development is overwhelming. We were skeptical at first, because we had to REWRITE the frontend due to another theme. But working with a component based approach did not delivered us a good design as well. After weeks of comparing, we opted for the Metronic theme. The main points we considered were overall design, performance, Bootstrap, Angular, React and Vue.js support

Last but not least, you need great performance for customer satisfaction. That is why we try to load as few libraries as possible. Therefore, just depend on the Metronic 8 theme and use pure javascript to avoid using JQuery. The community and support is great, so try it yourself!

ASP.NET ZERO team

Metronic was one of the best decisions we made when we started developing ASP.NET Zero. As .NET backend developers, Metronic was so easy-to-use and streamlined our development processes whilst making it possible for us to create a good-looking, stable and user-friendly frontend. Metronic helped us to reach the market quickly, which was one of the key points of our success.

Additionally, Metronic has different UI options like Angular, Blazor, React, etc... and many components which are used by industry leader enterprise app. This also allowed us to develop our app with no need to use a component library. Another good point is, Metronic has very thorough documentation and many real-life samples. When we needed to develop a new feature, documentation and samples helped us in a great manner.

Frequently Asked Questions

Explore our most frequently asked questions to get instant clarity on features, setup, licenses, refunds and support packages.

For any questions beyond the scope of this FAQ, please Contact Us.