Matter

Matter is a free Bootstrap 4 admin dashboard template for building HTML5 and CSS3 admin panels, software backends, and dashboards, distributed by ThemeWagon.

What is Matter?

Matter is a multi-page admin dashboard template built on Bootstrap 4, HTML5, and CSS3, created by ShareBootstrap and listed on ThemeWagon. It includes 10 HTML files, SCSS source files, JavaScript files, library and plugin files, and all demo images, so you can start from a finished dashboard rather than a blank page. The template is designed to render correctly on any screen size and works in Chrome, Edge, Firefox, Safari, Opera, and mobile browsers.

Key Features

• Bootstrap 4 foundation — The layout is built with Bootstrap 4, so grids, utilities, and components follow a familiar framework.
• Clean and minimal design — A flat material-style visual language with subtle spacing and a light color palette.
• Fully responsive and cross-browser — The page states Matter displays flawlessly on every device and is compatible with all major browsers.
• Five example pages — The bundle includes example pages that demonstrate the layout patterns, plus a burger menu and sidebar navigation for mobile and desktop.
• Charts and data tables — Ships with bar, pie, and line charts via Chart.js, as well as custom tables and DataTables for tabular content.
• Forms and UI components — Includes basic and customized forms, buttons, widgets, dropdown menus, notifications, and a search option.
• Hundreds of font icons — A broad set of icon glyphs is included for buttons, navigation, and status indicators.

Who should use Matter?

Matter is built for developers and designers who need a ready-made admin interface without starting from scratch.

• Front-end developers can clone the project from GitHub and run it with npm to build a dashboard prototype quickly.
• Product teams can use the example pages and Chart.js charts to demonstrate analytics or backend features to stakeholders.
• Agencies and freelancers can customize the SCSS files to match a client's brand and ship a production-ready admin panel.

What can you do with Matter?

• Build an admin dashboard: Add the included sidebar, top bar, widgets, and chart sections to create a full control panel.
• Visualize metrics with charts: Use the bundled Chart.js bar, pie, and line chart examples to display data.
• Manage tabular data: Drop the included DataTables and custom table styles into pages that need sorting, pagination, or bulk action layouts.
• Create and validate forms: Start from the basic and customized form examples to build login, settings, or data-entry screens.

How does Matter work?

Matter is distributed as a source project on GitHub. After installing Node.js and npm, you clone the repository, run npm run install to install dependencies, then npm run dev to start a local development server with source maps. To prepare a production build, npm run build bundles and optimizes the code, renames assets for cache busting, and outputs everything to a dist directory.

Pricing

Matter is free to download from ThemeWagon. The license allows open-source use and use in commercial projects, with lifetime free updates.

Alternatives

If you are comparing free Bootstrap admin templates, the Matter page itself recommends three similar options: SIQTheme, Maruti Admin, and Argon Dashboard, all available on ThemeWagon.

FAQ

Is Matter really free?

Yes, Matter is listed as a free download on ThemeWagon. The license includes open-source use, use in commercial projects, and lifetime free updates.

What does the Matter download include?

The bundle contains all demo images, 10 HTML files, SCSS files, JavaScript source files, and library and plugin files. The required libraries are Bootstrap 4, jQuery, and Chart.js.

Does Matter work on mobile devices?

Yes. The template is fully responsive and works on any screen size, with a burger menu and sidebar navigation for smaller screens. It is also cross-browser compatible with Chrome, Edge, Firefox, Safari, and Opera.

How do I run Matter locally?

With Node.js and npm installed, clone the GitHub repository, run npm run install in the project folder, then run npm run dev to launch the development server. Use npm run build for a production-ready output in the dist directory.