Flatlogic One Bootstrap

Flatlogic One Bootstrap is a free, open-source admin dashboard template built on Bootstrap 4 and SCSS, offering a lite selection of components from Flatlogic's premium React version so developers can start a responsive business dashboard quickly.

What is Flatlogic One Bootstrap?

Flatlogic One Bootstrap is a Bootstrap 4 admin dashboard template written with SCSS, distributed free and open-source under an MIT license by Flatlogic. Developers clone the repository, install dependencies with npm or yarn, and run the build to produce a responsive admin interface they can extend by editing SCSS variables. The free version contains only a subset of the components found in the paid Flatlogic One React template.

What makes Flatlogic One Bootstrap stand out?

• Bootstrap 4 and SCSS — the layout and components are built on Bootstrap 4, with SCSS variables available for restyling colors and typography.
• Responsive admin layout — the dashboard adapts to different screen sizes out of the box.
• Simple login and logout — a basic authentication screen pair ships with the lite template.
• Styled Bootstrap components — buttons, modals and similar elements come pre-styled rather than in default Bootstrap form.
• Charting via ApexCharts — line and donut examples that formerly used Morris.js now run on the existing ApexCharts library with the same datasets and colors.
• Ten example pages — dashboard, typography, tables, notifications, charts, icons, maps, chat, login and an error page are included.
• Node.js 22.12 build toolchain — Gulp 5 and Dart Sass handle source maps and binary asset copying, with npm scripts for build and browser-based testing.

Who should use Flatlogic One Bootstrap?

• Developers starting an internal admin tool — use the dashboard, table and notification pages as a starting point instead of scaffolding layout and navigation.
• Front-end developers learning Bootstrap 4 — inspect the SCSS variable overrides and styled component examples to see how theming works.
• Teams developing SaaS, CMS, IoT or e-commerce back offices — the template's page set maps to the common screens those products need.

Use cases

• SaaS back office: assemble a dashboard with charts and tables for account or usage data.
• IoT or e-commerce admin panels: use the maps and chart pages as placeholders while building device or order monitoring screens.
• Prototyping: modify SCSS variables to try a brand color scheme before committing to a full design.

How does Flatlogic One Bootstrap work?

Clone the repository, change into the project folder, install dependencies with npm install or yarn, then run the build with yarn build (or npm run build) and use npm run test:build and npm test to verify pages, chart rendering, tables, Hammer gestures and sidebar PJAX navigation in Chrome.

Pricing

The lite template is free and MIT-licensed. A premium version with more components and premium support is sold separately by Flatlogic; the free build is limited to a few components.

FAQ

Is Flatlogic One Bootstrap free?

Yes. The lite Bootstrap template is free and MIT-licensed. The free version contains only a few components from the full template; more components and premium support require purchasing the premium version.

What pages are included?

The template includes a dashboard sample, typography, tables, notifications, charts, icons, maps, chat, a login page and an error page, along with a simple login and logout flow.

Does it support custom styling?

Yes. The template is built with SCSS, so you can change SCSS variables to adjust the theme rather than editing compiled CSS.

What are the build requirements?

The repository documents Node.js 22.12 or newer with npm. Install with npm ci, build with npm run build, and run the browser tests against installed Google Chrome; the external Google Maps service is not exercised by those tests.