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
5
Demos
100+
Pages
40+
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

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

Demo 2

Full-width layout with a horizontal navigation menu.

Demo 3

Compact sidebar combined with a sticky header and navbar.

Demo 4

Two-column sidebar layout with a fluid content area.

Demo 5

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

Demo 6

Advanced sidebar with multi-level navigation menus.

Demo 7

Multi-column header with mega menu and topbar.

Demo 8

Mini-sidebar with a dropdown menu and scrollable stciky content.

Demo 9

Multi-row header with a extended topbar and mega-menu.

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 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 .