Admin Fundev Template

Production-ready admin dashboard built for developers who ship real products.

AdminFundev is a professional Bootstrap 5 admin template built with Gulp 5, Nunjucks templates, SCSS design tokens and pure Vanilla JS — no React, no Vue, no Angular. Just clean, well-documented HTML/CSS/JS that works anywhere.

Whether you're building a SaaS dashboard, an internal tool, a client project or a startup MVP, AdminFundev gives you a solid, documented foundation so you can focus on your product instead of building UI from scratch.

Aquí está la descripción completa lista para pegar en Gumroad:

AdminFundev — Bootstrap 5 Admin Template

Production-ready admin dashboard built for developers who ship real products.

AdminFundev is a professional Bootstrap 5 admin template built with Gulp 5, Nunjucks templates, SCSS design tokens and pure Vanilla JS — no React, no Vue, no Angular. Just clean, well-documented HTML/CSS/JS that works anywhere.

Whether you're building a SaaS dashboard, an internal tool, a client project or a startup MVP, AdminFundev gives you a solid, documented foundation so you can focus on your product instead of building UI from scratch.

🗂️ What's included

24 Demo Pages

• Main dashboard with KPI cards, ApexCharts and DataTables
• Chat & Inbox app — two-column panel, message bubbles, typing indicator and simulated reply
• Kanban board — native drag & drop, priority cards, columns and detail modal
• Calendar — FullCalendar v6 with month/week/day/agenda views, event modal and mini calendar
• Maps — Google Maps JS API with SVG markers, InfoWindows and automatic dark mode
• eCommerce — sales dashboard, product panel and order management table
• Tables — DataTables v2 with search, pagination, CSV/Excel/PDF export and responsive columns
• Charts — line, bar, area, donut and radialBar with ApexCharts
• Forms — inputs, selects, checkboxes, validation states and file upload
• User profile — tabs, editable avatar and settings form
• Login & Register — with validation and password toggle
• 404 error page — custom animation and back link
• Cards, Buttons, Typography, Badges, Alerts and more UI components
• Multiple layouts — default, sidebar-right, topnav, boxed and fullscreen

26 Documentation Pages

Full technical documentation covering every component, variable, integration and pattern used in the template — with copyable code blocks, live previews and reference tables. Topics include:

• Getting started & installation
• File structure & build system
• SCSS variables & CSS design tokens
• Sidebar, Topbar and layout system
• Dark mode implementation
• Responsive design & mobile patterns
• ApexCharts integration guide
• DataTables v2 integration
• FullCalendar v6 integration
• Google Maps JS API
• Kanban & Chat app deep-dive
• Bootstrap overrides & customization
• Changelog & roadmap

⚡ Features

✅ Full dark mode — via [data-theme="dark"] with localStorage persistence, system preference detection and zero FOUC (flash of unstyled content)

✅ Design token system — SCSS $af-* variables compiled to CSS custom properties --af-*. Change the entire color palette by editing a single file and running npm run build

✅ Bootstrap 5.3 fully integrated — all Bootstrap components inherit AdminFundev's palette, typography and radii via proper !default overrides. No extra CSS needed

✅ Gulp 5 build system — parallel SCSS + Nunjucks processing, BrowserSync live reload, JS minification and optimized production output. Build time ~40% faster than v4

✅ Nunjucks templates — reusable layouts, partials and macros. All 50 pages extend a single base.njk — no head/footer duplication anywhere

✅ ApexCharts — line, bar, area, donut and radialBar charts with a centralized getApexTheme() utility that automatically switches colors when the user toggles dark mode

✅ DataTables v2 — sortable, searchable, paginated tables with CSV, Excel and PDF export out of the box. Fully responsive with column visibility toggle

✅ FullCalendar v6 — month, week, day and agenda views with draggable events, event modals and a mini calendar sidebar. Localized to English and Spanish

✅ Google Maps JS API — custom SVG markers, InfoWindows, dark mode map style and city KPI cards

✅ Mobile first — bottom navigation bar for mobile, touch-optimized interactions (WCAG 2.5.5 AAA minimum touch target size) and fully responsive at every breakpoint

✅ Multiple layouts — default icon sidebar, sidebar-right, top navigation, boxed and fullscreen. All controlled via CSS classes, no JS changes needed

✅ Bootstrap Icons 1.11 — served locally from dist/css/, no CDN dependency

✅ Clean, production-ready code — no jQuery in the core (DataTables uses it internally but it's not exposed globally), unified af- class prefix, well-organized SCSS folder structure

🛠️ Tech stack

• Bootstrap 5.3
• Gulp 5
• Nunjucks (HTML templates)
• SCSS + CSS custom properties
• Vanilla JS (no framework)
• ApexCharts v3
• DataTables v2
• FullCalendar v6
• Google Maps JS API
• Bootstrap Icons 1.11
• SortableJS (Kanban drag & drop)
• BrowserSync

📦 What you get after purchase

• Full source code (src/ folder — SCSS, JS modules, Nunjucks views)
• Compiled production files (dist/ folder — ready to deploy)
• Gulp 5 build system with npm run dev and npm run build commands
• All 24 demo pages as compiled HTML
• All 26 documentation pages as compiled HTML
• README with step-by-step getting started guide
• Lifetime updates (Developer & Agency licenses)

🚀 Getting started in 3 steps

bash

# 1. Install dependencies npm install # 2. Start dev server with live reload npm run dev # 3. Build for production npm run build

That's it. BrowserSync opens the dashboard automatically at localhost:3000.

🎨 Customizing the primary color

Edit two variables in src/scss/_variables.scss:

text

$af-primary: #7209b7; // your brand color $af-primary-hover: #5a0799; // slightly darker

Run npm run build. The change propagates automatically to the sidebar active state, all buttons, badges, focus rings, ApexCharts and every component that uses $af-primary or var(--af-primary).

📋 License options

Personal — $19

For personal projects. 1 project/domain, 6 months of updates.

Developer — $29 ⭐ Most popular

For freelancers and developers. Unlimited projects, client work allowed, lifetime updates.

Agency — $49

For teams. Unlimited projects + team members, client work, lifetime updates, priority email support.

🗺️ Roadmap

v1.1.0 — Q3 2026

Inbox/Email app, File Manager component, multi-step form wizard, RTL support

v1.2.0 — Q4 2026

Visual Theme Builder with CSS export, advanced analytics app, push notifications, i18n

v2.0.0 — 2027

Vite + ESM migration, React/Vue component package, TypeScript, Bootstrap 5.4

Built by FundevStudio · fundevstudio.com