Metronic 9
Tailwind CSS
Toolkit
A comprehensive toolkit of 1000+ UI components
built with Tailwind CSS, enabling you to create modern,
scalable web applications quickly and efficiently.
Demos & Layouts
10 unique demos showcasing advanced layoutfeatures built with Tailwind CSS.
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 - Exrtended Header
Demo 10 - Dark Sidebar
Pages & Components
Over 100 pages, 40+ components and 1000+elements built with Tailwind CSS.
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
Team Info
Notifications Settings
Account Integrations
User Cards - NFT
Team Members
Team Crew
Sign In Form
2-factor Authentication
404 Page
500 Page
Account Advanced Settings
Company Profile
Account Appearance Settings
API Settings
Import Members
Security Logs
Profile Activity
Team Starter
Enterprise Settings
Trust Driven by
11 Years
of Innovations
Enterprise grade
and cut-price solution for web apps of
any size
coupled with the de-facto frameworks and familiar tools
coupled with the de-facto frameworks and familiar tools
Trusted By
0
Rated 5 Stars
0
End Users
0
On Theme Market
0
Tailwind CSS Based
One Scalable
Foundation
Metronic is a comprehensive toolkit of UI components built with Tailwind CSS,
enabling you to create modern, scalable web applications.
enabling you to create modern, scalable web applications.
Theming
Customize colors and styles for a unique UI experience, matching your brand identity and user preferences.
View
UI Elements
Essential components for creating visually appealing interfaces that enhance user interactions.
View
Navigations
Flexible navigation components for an intuitive user experience, helping users find their way easily.
View
Menus
Adaptable menu options to improve user interaction, providing easy access to various features.
View
Forms
Customizable form elements for efficient data collection, enhancing accuracy and user experience.
View
Datatables
Robust tables for organizing and displaying data effectively, enhancing data management and analysis.
View
Overlays
Overlay components for enhanced visual effects, providing additional context and interactivity to users.
View
Feedback
Interactive feedback components like notifications and alerts to keep users informed and engaged.
View
Cards
Stylish card layouts for presenting content and data in an organized and visually appealing manner.
View
Users
User profile components to manage personal information and settings in a comprehensive interface.
View
Icons
Extensive icon library to enhance the visual appeal and intuitiveness of your application, making it more user-friendly.
View
Charts
Advanced charting tools for dynamic, interactive data visualization, providing valuable insights and analytics.
View
“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.“
“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.
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!“
Would you need
a Custom License ?
Get a free quote for a custom license
that allows using Metronic in your project
with an unlimited number of distributions.
Celebrating Metronic's launch
on Product Hunt
Your Support Matters! Please
Review
Leave a comment
Help spread the word
Youtube 
Github 
Twitter 
Instagram 
Linkedin 
Dribbble 