The World’s #1
Dashboard
Since 2013
A single core framework and long term tool built
on top of Bootstrap 5 for delivering limitless highly
customized projects.
HTML Demos
64 demos based on Bootstrap 5
Vue Demos
8 demos based on Vue 3 & TypeScriptReact Demos
8 demos based on React 18 & TypeScriptAngular Demos
7 demos based on Angular 17 & TypeScriptASP.NET Core Starter Kit Demos
2 demos based on ASP.NET Core 8 & Bootstrap 5Metronic Original
Sales Tracking App
Node.js Starter Kit Demos
2 demos based on Node.js, Express.js & Bootstrap 5Metronic Original
Sales Tracking App
Blazor Starter Kit Demos
1 demo based on Blazor Server .NET 7 & Bootstrap 5Metronic Original
Spring Starter Kit Demos
1 demo based on Spring Boot 2.7 & Bootstrap 5Metronic Original
Laravel Starter Kit Demos
1 demo based on Laravel 11 & Bootstrap 5Django Starter Kit Demos
1 demo based on Django 4 & Bootstrap 5Metronic Original
Rails Starter Kit Demos
1 demo based on Rails 7 & Bootstrap 5Metronic Original
Flask Starter Kit Demos
1 demo based on Flask 2 & Bootstrap 5Metronic Original
Symfony Starter Kit Demos
1 demo based on Symfony 6 & Bootstrap 5Metronic Original
Codeigniter Demos
0 demoYii Demos
0 demoPlay Demos
0 demoTrust Driven by
11 Years
of Innovations
coupled with the de-facto frameworks and familiar tools
12 Frameworks
One Scalable
Foundation
to ship limitless highly customized projects of any size
HTML Version
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
HTML5 - As Cornerstone
CSS3 - Design System
Sass - CSS With Superpowers
Datatables - Dynamic HTML Tables
Fullcalendar - JavaScript Event Calendar
Vue Version
Vue 3 - Progressive JS Framework
to provide solid a foundation for your next Vue apps
TypeScript - JavaScript With Syntax For Types
Bootstrap 5 - CSS & JS Framework
Yarn - Dependency Manager
Vite - Frontend build tooling
Pania - Store library for Vue
Vue I18n - Internationalization
some localization features to your Vue.js Application
Vue Router - Routing Solution
mapping, modular, component-based router solution
Vuelidate - Seamless Validation
model-based validation solution for Vue
Element Plus - Powerful UI Library
provides efficient, consistent and feedback driven UI solutions
React Version
React - Building User Interfaces
to provide solid a foundation for React projects
TypeScript - JavaScript With Syntax For Types
Bootstrap 5 - CSS & JS Framework
Yarn - Dependency Manager
React Bootstrap - Rebuilt for React
dependencies and excellent choice for your UI foundation
CRA - Create React App
experience by Create React App
React Router - Route Anywhere
compose declaratively with your React application routing
React Query - Powerful Asynchronous State Management
fetch and update data from any asynchronous source
Angular Version
Angular - Web Developer's Platform
UIs fast and easy for projects of any size.
TypeScript - JavaScript With Syntax For Types
Bootstrap 5 - CSS & JS Framework
Yarn - Dependency Manager
Angular i18n - Internationalization
to provide seamless localization and translation for your Angular apps
Angular Forms - Cornerstone Of Apps
with forms is the cornerstone of many common applications
Angular Material - Material Design Components
component for Angular apps
Angular Router - Common Routing Tasks
the navigation from one view to the next
RxJS - Reactive Extensions
it easier to compose asynchronous or callback-based code
ASP.NET Core Version
Asp.Net Core 6 - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Node.js Version
Node.js - Express.js 4 Starter Kit
that provides a robust set of features for web and mobile applications
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Blazor Version
Blazor - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Spring Version
Spring - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Laravel Version
Laravel - Starter Kit
next Laravel project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack Mix - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Blade - Views & Templates
that is included with Laravel
Django Version
Django - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Rails Version
Rails - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Flask Version
Flask - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Symfony Version
Symfony - Starter Kit
next project that fully utilizes the theme HTML and assets
Bootstrap 5 - CSS & JS Framework
NPM - Package Management
Yarn - Dependency Manager
Gulp - Task Automationn
Webpack - Module Bundler
Metronic - Full Source Code
Theme API - Assets & HTML Helpers
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Bootstrap 5 HTML Version
Pricing
Flexible
License Options
and enjoy lifetime free updates
Regular License
Use, by you or one client, in a single end product for which end users are not charged.
Extended License
Use by you or your one client in a single end product for which end users can be charged.
Custom License
Using Metronic for large-scale enterprise projects and need a custom license model? Contact us to obtain a tailored license that fits your business needs.
Frequently Asked Questions
General
What is Metronic and why should I buy it?
Metronic is an All-in-One Tailwind & Bootstrap based Toolkit for web apps and sites, featuring pre-built designs, layouts, and components using both Tailwind and Bootstrap as UI foundations. Since its launch in 2013, Metronic has become the most popular Admin Dashboard Theme, powering by over 115,000 projects and used by more than 100 million end users daily.
What tasks does Metronic solve for your project?
Metronic provides professional-grade design and pre-built HTML templates, allowing you to focus more on implementing the backend logic according to your project requirements. It streamlines the frontend development process, offering a polished, ready-to-use UI, so you can save time and resources while ensuring a high-quality user experience.
Why shouldn't I just hire a full-time or freelance designer and frontend developer?
Great question! Hiring a mid-level designer and developer can easily cost over $5,000 per month each, not to mention the time and effort required for management and testing their work. Plus, there may not always be enough work to keep them fully engaged, leaving you paying for downtime.
Metronic offers a cost-effective alternative—a feature-rich, ready-to-use toolkit that delivers the same level of quality and functionality that would otherwise cost over $100,000 to build from scratch. Our customers consistently highlight the value, flexibility, and efficiency Metronic brings, saving significant time, money, and resources.Can Metronic be used for commercial projects?
Yes, Metronic can be used for commercial client projects as long as you comply with the license terms. Over the past 11 years, Metronic has been chosen by enterprises and organizations such as Deloitte, Vodafone, and Harvard University, making it a trusted solution for high-profile projects across industries.
Can Metronic be used for an open-source project?
No, Metronic cannot be used for open-source projects as each use of Metronic requires a separate license and the source code, including Metronic, cannot be distributed publicly.
Is Metronic suitable for beginners?
Absolutely! Metronic is designed to be user-friendly for developers of all levels. It comes with comprehensive documentation and a variety of examples to help beginners get started quickly. Our intuitive design and well-structured codebase make it easy to understand and customize. Plus, our support team is always ready to assist you with any questions you may have.
Does Metronic provide documentation and tutorials?
**Yes,** Metronic includes extensive documentation covering all aspects of the toolkit, from installation to advanced customization. We provide Step-by-step Guides, code examples, and best practices to help you make the most of Metronic's features.
How often does Metronic receive updates?
Metronic is updated regularly, following a structured development roadmap and incorporating valuable user feedback. Since its launch in 2013, we have released hundreds of high-quality updates, continually enhancing the product to meet the evolving needs of our users.
What is the difference between the Metronic default HTML and other framework versions ?
Metronic's primary verison is HTML/JavaScript and other versions such as React, Vue, Angular, Laravel, etc are separate versiosn includes limited features from the HTML version.
What is the difference between Metronic 8 and Metronic 9?
Metronic 8 and Metronic 9 are two separate versions of Metronic, both available upon purchase. Metronic 8 is built on the Bootstrap framework, and its features can be explored in the Metronic 8 Live Preview. Metronic 9, on the other hand, is the newly released version based on Tailwind CSS, and all of its features can be viewed in the Metronic 9 Live Preview.
What does Metronic 9 Tailwind currently offer?
The Metronic 9 Tailwind version currently offers an HTML/JavaScript edition, featuring over 100 pages, 10 unique demos, and more than 1000 UI elements and components. In the coming weeks, the Metronic 9 Tailwind React + MUI Base version will be released, bringing all the features of the HTML version natively to React.
Is there a trial version or demo available?
While we do not offer a downloadable trial version, you can explore Metronic's extensive features through our live previews: - Metronic 8 Live Preview - Metronic 9 Live Preview. These previews allow you to experience the UI components, layouts, and functionality before making a purchase.
License
Do I have to install Metronic licenses anywhere ?
No, you do not need to install the license anywhere. The license serves as proof of your legal usage of Metronic for your projects and is not required to be installed or activated.
Does each use of Metronic require a separate license ?
A single license can be used for one production deployment and unlimited testing and development environments. However, each unique production deployment needs its own license.
Can a single Metronic license be used for a project with multiple subdomains ?
Yes, a single license allows the use of Metronic in a project where users log in from a central domain and access different modules via subdomains.
Is there a difference in support between the Regular and Extended Licenses ?
No, both licenses receive the same level of support from KeenThemes. For more information, visit the Support Policy.
Why would I need a Custom License?
If your end product is distributed or set up on-premise in large numbers, a Custom License would be the best choice. Custom Licenses offer flexibility for scenarios that exceed standard license terms, such as mass distribution, OEM partnerships, or inclusion in proprietary systems. This ensures compliance and provides the legal framework needed for large-scale deployments. Please contact us to discuss your specific requirements, and we'll tailor a licensing solution that fits your needs. To request a custom license quotation please Contact Us.
How do updates work with Metronic licenses ?
License purchases include ongoing updates, ensuring you have access to the latest features and improvements.
Can licenses be transferred to a client or another company ?
Yes, licenses can be transferred if the end product's use remains consistent with the license terms.
How can I purchase a license for older Metronic versions?
You can purchase a license for the latest version of Metronic, which is valid for any previous version as well. Additionally, you can download older versions from a private Google Drive link, provided in the README.MD file included in the ThemeForest download package of Metronic.
What if I need Metronic for multiple sites within the same company ?
Each site or project requires its own license, although Custom Licensing options are available for large-scale use.
Are lifetime free updates provided with each license ?
Yes, each Metronic license comes with lifetime free updates, allowing you access to the latest features and improvements without additional cost.
Usage
Do I get technical support for Metronic with my purchase?
Yes, you receive general theme support through our Support Center channel. For more details, please review our Support Policy.
What is included in the Metronic package ?
All the features shown on the Metronic Preview Site are included in the package.
Why aren't all the Metronic 8 Bootstrap demos included in the package?
Due to the significant size of the Metronic 8 package, which has now grown to 10GB, we've moved all Bootstrap demos and starter kits to a private Google Drive folder to avoid slow download issues. You can find the Google Drive link in the README.md file included in the ThemeForest download package.
Can Metronic be used for a multi-tenant application under one license ?
Metronic can be used for multi-tenant applications, such as SaaS, where multiple end-users can create separate accounts, but this requires an Extended License.
Can I include Metronic in a hardware product I sell ?
Licensing for inclusion in a hardware product depends on the nature of the product and how Metronic is used. It is best to consult with KeenThemes for such specific use cases and learn more about Custom License options.
Can an eCommerce site use a Regular License ?
Yes, an eCommerce site can operate under a Regular License if the site itself is not selling the Metronic theme or a product that includes the theme as part of its packaged software.
Why do I have to use NPM, Yarn, Gulp and Webpack tools ?
These tools are required to compile the CSS/JS code from the src folder when you customize the theme. You use it for local development only, no need to install them on your production server. These tools are used to handle the assets during development, for example, if you change the theme colors or edit the JS code.
Refund
Can I get a refund if I no longer need Metronic?
Yes, we provide refunds in accordance with the eligibility criteria outlined in ThemeForest’s Refund Policy. To request a refund, simply follow this link: Submit Refund Request.
How long will it take to get my refund back?
Usually, we review and approve refund requests within a day, and the refund payout will take up to several days depending on ThemeForest and your payment method.
Youtube 
Github 
Twitter 
Instagram 
Linkedin 
Dribbble 
