Getting Started

Multi-demo

The multi-demo concept is a powerful design strategy that enables Metronic to offer unique layout solutions for various projects while using a common set of components and codebase.

Concept

The following points highlight the key features of the multi-demo approach.
Pre-made Layouts - Each demo comes with a unique layout and style tailored to meet specific aesthetic and functional requirements of specific applications.
Architectura - Each demo features its own unique design, complete with specific HTML code for its core layout and dedicated CSS styling.
Agile Development - Speeds up development time and enhances consistency and reliability across multiple projects, leveraging the same robust technology stack.
Consistency - While each demo provides a unique design and layout, the underlying quality and coding standards are consistent.
Learning Curve - For teams working on multiple projects, the ability to pick a demo that aligns closely with their project's needs can reduce the learning curve.

Components

All Tailwind components and plugins of Metronic, such as buttons, badges, timeline, tabs, modals, forms, charts, datatables, function independently across all demos. Each demo is compatible with these default elements, enabling seamless integration. This allows for the creation of unique projects by mixing various demo types with selected global components and plugins.

On This Page

Concept
Components