Getting Started

Metronic - Tailwind CSS Toolkit

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

1000+
UI Elements
10
Demos
120+
Pages
50+
Components

Preview Demos

Metronic offers a collection of unique demos, each representing a distinct template designed for real-world applications. Every demo integrates Metronic components seamlessly, providing a comprehensive preview of how these layouts and concepts can be utilized in various scenarios.
Demo 1 preview

Demo 1

Main layout with multi-level menu options for advanced navigation.
Demo 2 preview

Demo 2

Full-width layout with a horizontal navigation menu.
Demo 3 preview

Demo 3

Compact sidebar combined with a sticky header and navbar.
Demo 4 preview

Demo 4

Two-column sidebar layout with a fluid content area.
Demo 5 preview

Demo 5

Dual-row header paired with a sticky sidebar and content area.
Demo 6 preview

Demo 6

Advanced sidebar with multi-level navigation menus.
Demo 7 preview

Demo 7

Multi-column header with mega menu and topbar.
Demo 8 preview

Demo 8

Mini-sidebar with a dropdown menu and scrollable sticky content.
Demo 9 preview

Demo 9

Multi-row header with an extended topbar and mega-menu.
Demo 10 preview

Demo 10

Dark sidebar layout with scrollable sticky content area.

Components

From basic elements like buttons and forms to advanced components like menus and datatables , the Metronic Tooltik has it all. Each component is designed with a focus on usability and aesthetics, ensuring your project looks professional and functions smoothly.

Theming

Customize in-depth colors and styles for a unique UI.
View

UI Elements

Essential building blocks for impressive interfaces.
View

Navigations

Flexible navigation components for seamless user experience.
View

Menus

Adaptable menu options to enhance user interaction.
View

Forms

Customizable form elements for efficient data collection.
View

Datatables

Robust tables for organizing and displaying data effectively.
View

Overlays

Overlay components for enhanced visual interactions.
View

Feedback

Interactive feedback components for better user experience.
View

Cards

Stylish kt-card layouts for displaying content.
View

Users

User profile components to manage user interactions.
View

Icons

Extensive icon library for visual enhancements.
View

Charts

Advanced charting tools for data visualization.
View
View All Components

Pricing

Make Metronic your trusted development companion to accelerate your Tailwind-based projects. Choose the right license for your needs 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.

$49
Premium support
Lifetime free updates
Unlimited end users
Refund guarantee
Purchase Metronic

Extended License

Use by you or your one client in a single end product for which end users can be charged.

$969
Premium support
Lifetime free updates
Unlimited paying users
Refund guarantee
Purchase Metronic

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.

Contact Us

FAQ

Check out the FAQ section below to learn more about Metronic before making a purchase decision. If you have any questions, feel free to contact our Keenthemes Pre-sale Support .