Preview Purchase

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

100+

Pages

40+

Components

Quick Links

Installation File Structure Webpack JavaScript Theming Dark Mode Optimization References FAQ Composer License

Categories

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.

UI Elements

Essential building blocks for impressive interfaces.

Navigations

Flexible navigation components for seamless user experience.

Menus

Adaptable menu options to enhance user interaction.

Forms

Customizable form elements for efficient data collection.

Datatables

Robust tables for organizing and displaying data effectively.

Overlays

Overlay components for enhanced visual interactions.

Feedback

Interactive feedback components for better user experience.

Cards

Stylish card layouts for displaying content.

Users

User profile components to manage user interactions.

Icons

Extensive icon library for visual enhancements.

Charts

Advanced charting tools for data visualization.

View All Components

On This Page

Overview Quick Links Categories