Metronic

The World’s #1 Bootstrap 4 HTML, Angular 8, React & VueJS

Admin Dashboard Theme Framework

Overview

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug.

Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.

Files Structure

Path Description
/build The built output. Run command yarn build to build it.
/_site The build output copied to serve on local machine. Created by yarn serve command.
/node_modules The package.json file in the app root defines what libraries will be installed into node_modules/ when you run yarn install.
/public Сontains the HTML file so you can tweak it, Change <title>, insert additional <link> and <script> tags. For more details check official documentation.
/src Your app lives in the src folder. All React components, styles, images, and anything else your app needs go here.
/src/_metronic Contains the Metronic core elements: layout, themes, redux ducks, context providers.
/src/app Main app folder
/src/app/crud CRUD methods
/src/app/i18n Used by I18nProvider to override react-intl messages.
/src/app/pages Containes web pages.
/src/app/partials Contains reusable UI components.
/src/app/store Contains redux store configurations and it's ducks.
/src/app/widgets Containes reusable widget components.
.gitignore Git uses it to determine which files and directories to ignore, before you make a commit.
serve.json Used by serve-handler runned by command yarn serve.
package.json A package.json file contains meta data about app or module. Most importantly, it includes the list of dependencies to install from npm when running npm install.

For more detailed information to install the Create React App, visit this official Create React App documentation website.

I run a team of 20 product managers, developers, QA and UX resources. Previously we designed everything ourselves. For our newest platform we tried out Metronic. I cannot overestimate the impact Metronic has had. It's accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it's probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward.
The flexibility of the design has also allowed us to put out a better looking & working platform and reduced my headaches by 90%. Thank you KeenThemes! Jonathan Bartlett, Metronic Customer

Powerful Framework

Everything within Metronic is customizable globally to provide limitless unique styled projects

Multi Demo

Choose a perfect design for your next project among hundreds of demos

Limitless Components

A huge collection of components to power your application with the latest UI/UX trands

Angular 8 & React Support

Enterprise ready Angular and React integration with built-in authentication module and many more

Bootstrap 4

Metronic deeply customizes Bootstrap with native look and feel

Exclusive Datatable Plugin

Our super sleek and intuitive Datatable comes packed with all advanced CRUD features

75,000+ Strong

Metronic is the only theme trusted by over 70,000 developers world wide

Continuous Updates

Lifetime updates with new demos and features is guaranteed

Quality Code

Metronic is written with a code structure that all developers will be able to pick up easily and fall in love

The Ultimate Bootstrap Admin Theme Trusted By Over 70,000 Developers World Wide