Bootstrap 5 Admin Template — v1.0.0

The Admin Template
Built for Developers

Production-ready dashboard with 24 demo pages, 26 docs pages, 4 full apps, dark mode, design tokens and Gulp 5 build system. Zero framework dependencies.

24
Demo Pages
26
Doc Pages
4
Full Apps
2
Themes
adminfundev.app/dashboard
$48.2k
Revenue
1,284
Users
342
Orders
98.2%
Uptime
Monthly Revenue
Recent Orders
#1042 — Nike Air Paid
#1041 — MacBook Pending
#1040 — iPhone Shipped
Top Users
Alex M.$2.4k
Sarah K.$1.8k
John D.$1.2k
🌙 Dark Mode
✓ Production Ready

Everything you need, nothing you don't

AdminFundev is crafted for developers who value clean code, solid documentation and real-world components.

Full Dark Mode
Automatic theme switching via data-theme with localStorage persistence and system preference detection. Zero FOUC.
Design Tokens
SCSS $af-* variables compiled to CSS custom properties --af-*. Change the entire palette by editing one file.
26 Doc Pages
Complete technical documentation with copyable code blocks, live previews and reference tables for every component.
4 Full Apps
Chat, Kanban, Calendar (FullCalendar v6) and Maps — all fully functional with real interactions, not just static mockups.
ApexCharts Integration
Line, bar, area, donut and radialBar charts with automatic light/dark theme switching. Centralized getApexTheme() utility.
DataTables v2
Sortable, searchable tables with CSV/Excel/PDF export, responsive columns and fixed headers out of the box.
Mobile First
Bottom navigation bar, touch-optimized interactions (WCAG 2.5.5 AAA) and fully responsive layouts for every screen size.
Gulp 5 Build System
Parallel SCSS + Nunjucks processing, BrowserSync live reload, JS minification and optimized production builds.
Bootstrap 5 Overrides
All Bootstrap components automatically inherit AdminFundev's palette, typography and radii via proper !default overrides.

24 demo pages +
26 doc pages

Every page you need to ship a real product — from dashboards and auth flows to eCommerce and user profiles.

Dashboard
Kanban
Chat
Calendar
Maps
eCommerce
Tables
Charts
Forms
Profile
Login
404 Page
Cards
Buttons
Typography
Layouts
Introduction
Installation
File Structure
CSS Variables
Sidebar
Topbar
Dark Mode
Responsive
ApexCharts
DataTables
FullCalendar
Maps API
Kanban
Chat App
Changelog
+11 more

No frameworks. Just solid tools.

Pure HTML/CSS/JS with industry-standard tooling. No React, no Vue, no Angular — works anywhere.

Bootstrap
v5.3
Gulp
v5
Nunjucks
Templates
SCSS
Design Tokens
ApexCharts
v3
DataTables
v2
FullCalendar
v6
Google Maps
JS API
Vanilla JS
No framework

Simple, one-time pricing

Pay once, own it forever. No subscriptions, no hidden fees.

Personal
$19
Perfect for personal projects and freelancers.
  • 1 project / domain
  • All 24 demo pages
  • All 26 doc pages
  • 4 full apps included
  • Dark mode + design tokens
  • Gulp 5 build system
  • 6 months updates
  • Client projects
  • Priority support
Buy Personal
Agency
$59
For teams and agencies building multiple products.
  • Unlimited projects + team
  • All 24 demo pages
  • All 26 doc pages
  • 4 full apps included
  • Dark mode + design tokens
  • Gulp 5 build system
  • Lifetime updates
  • Client projects ✓
  • Priority support via email
Buy Agency
Secure checkout Lifetime updates on Agency Instant ZIP download Clean, documented code

Frequently asked questions

You get a ZIP file with the full source code including src/ and dist/ folders, all 24 demo pages, 26 documentation pages, 4 complete apps, SCSS source files, the Gulp build system and a detailed README to get started in minutes.
No. AdminFundev uses Bootstrap 5, Vanilla JS, SCSS and Nunjucks templates. It runs on Node.js + Gulp for the build but the output is pure static HTML/CSS/JS — no framework required. You can drop the dist/ folder into any backend.
Yes — with the Developer or Agency license. The Personal license is limited to one personal project. The Developer license covers unlimited client projects. See the pricing cards above for details.
Dark mode uses CSS custom properties via [data-theme="dark"] on the <html> element. The theme is saved in localStorage and also detects the system preference on first visit. There is a small inline script in <head> that applies the theme before the CSS loads — eliminating any flash of unstyled content (FOUC).
Edit $af-primary and $af-primary-hover in src/scss/_variables.scss, then run npm run build. The change propagates automatically to sidebar active states, buttons, badges, focus rings and ApexCharts. For runtime changes without recompiling, use document.documentElement.style.setProperty('--af-primary', '#hex').
Developer and Agency licenses include lifetime updates. Personal license includes 6 months of updates. The roadmap includes v1.1 (File Manager, Inbox, Form Wizard) in Q3 2026 and v1.2 (Theme Builder, Push Notifications, i18n) in Q4 2026.
🚀

Ready to build faster?

Get AdminFundev today and ship your next admin dashboard in days, not weeks.