What's new in 3.4 #

Admindek 3.4 is the largest release in the 3.x line — it ships an AI/LLM suite, a complete e-commerce flow, and a redesigned applications layer. It also removes the last GPL dependency, swaps several legacy libraries for actively-maintained alternatives, and migrates the dev experience to native Vite HMR.

3.4.1 — dependency refresh #

3.4.1 is a patch release that bumps third-party libraries to their latest stable versions. No markup or API changes. Drop-in upgrade for anyone on 3.4.0.

• Vite: 8.0.3 → 8.0.11
• i18next: 26.0.3 → 26.0.10
• i18next-http-backend: 3.0.4 → 4.0.0 (major bump — requires Node 18+, already covered by Vite 8's Node 20.19+ requirement)
• ApexCharts: 5.10.4 → 5.11.0
• Tabler Icons Webfont: 3.41.1 → 3.44.0
• Swiper: 12.1.3 → 12.1.4
• DataTables (Bootstrap 5): 2.3.7 → 2.3.8
• Choices.js: 11.2.1 → 11.2.3
• EasyMDE: 2.20.0 → 2.21.0
• pdfmake: 0.3.7 → 0.3.8
• Sass: 1.98.0 → 1.99.0
• Prettier: 3.8.1 → 3.8.3

To upgrade, refresh dependencies:

rm -rf node_modules package-lock.json
npm install

If you've pinned any of the libraries above to specific versions in your own code, check their respective changelogs before upgrading. ApexCharts 5.11 in particular has minor API additions worth a look if you've built custom chart renderers.

AI / LLM suite (new) #

A complete set of UI patterns for building AI-powered features. See each one in the live demo, or jump to the AI Suite docs for markup and integration notes.

• AI Chat — Conversation interface with message bubbles, streaming responses, and an input area
• AI Image Generator — Prompt-based image generation with a results gallery and history
• AI Content Writer — Long-form generation with preview, editing, and template prompts
• AI Dashboard — Usage metrics, cost tracking, and per-model analytics
• Prompt Library — Categorized prompt templates with search, filtering, and tagging

Drop-in markup with Bootstrap 5 utility classes — wire up your own backend (OpenAI, Anthropic, self-hosted) or use it as a frontend mock.

E-commerce flow (new) #

End-to-end storefront pages. Walk through the flow on the live demo or read the E-commerce docs.

• Product Listing — Grid/list view with filters, sorting, and faceted search
• Product Detail — Image gallery, variants, reviews, related products, add-to-cart
• Shopping Cart — Quantity controls, price summary, coupon input
• Checkout — Multi-step (address → payment → review)
• Order List — Order history with status badges and filtering
• Order Detail — Full breakdown with timeline tracking
• Add Product — Product creation form with image upload (admin)

Applications redesign (new and updated) #

See all applications in the live demo or read the Applications docs.

• Email (new) — Inbox, message detail, and compose with folder navigation
• File Manager (new) — Grid/list views with folder navigation, search, file actions
• Notification Center (new) — Categorized notifications with read/unread management
• Existing apps (Chat, Calendar, Tasks, Invoice, Gallery, User profiles) refreshed to match new design tokens

New components #

• Command Palette (⌘K / Ctrl+K) — Searchable command launcher with keyboard navigation. See Dashboard Widgets → Command Palette.
• Skeleton Loading — Placeholder loading states for cards, tables, and profiles
• Empty States — Illustrated empty state components for inbox, search, drafts, etc.
• Progress Animations — Animated progress bars and micro-interactions
• Animated Counters — Number counter utility with IntersectionObserver-based scroll triggering

New dashboards #

Three additional dashboards joined the lineup, bringing the total to 10:

• SaaS (dashboard/saas.html) — MRR, churn, LTV, subscription analytics
• HR / People (dashboard/hr.html) — Headcount, attendance, hiring pipeline
• Marketing (dashboard/marketing.html) — Campaign performance, channel attribution

Library replacements #

Each swap below is a drop-in replacement — the existing markup keeps working, and you get a more permissive license, smaller bundle, or better maintenance.

If you have custom code that imports any of the old libraries directly (e.g., import 'tinymce'), see the upgrade notes per swap below.

Bouncer.js → Bootstrap 5 native validation #

Old Admindek used formbouncerjs. New code should use Bootstrap 5's native validation. Migration is straightforward:

<!-- Old (Bouncer) -->
<form data-validate>
  <input type="email" name="email" required />
</form>
 
<!-- New (Bootstrap 5 native) -->
<form class="needs-validation" novalidate>
  <input type="email" class="form-control" required />
  <div class="invalid-feedback">Please enter a valid email.</div>
</form>

See Form Validation for the full guide.

TinyMCE → Quill #

<!-- Old -->
<textarea id="editor"></textarea>
<script>tinymce.init({ selector: '#editor' })</script>
 
<!-- New -->
<div id="editor"></div>
<script>const quill = new Quill('#editor', { theme: 'snow' })</script>

Design changes #

• Font swap: Open Sans → Inter for a cleaner modern UI
• New shared SCSS partials for AI/LLM pages, e-commerce, email, and file manager
• New design tokens for skeleton, empty-state, and animated component patterns

Build system improvements #

• Native Vite HMR — Save a file, the browser updates automatically. No more manual refresh.
• Consolidated plugins — 3 HTML processing plugins merged into a single vite-plugin-html-templates.js
• Various dev server middleware fixes (asset, font, JS serving)
• Fixed en.json 404 caused by misrouted /subdir/assets/* requests

Dependency bumps in 3.4.0 #

• Vite: 8.0.1 → 8.0.3
• i18next: 25 → 26 (major version)
• Tabler Icons Webfont: 3.40.0 → 3.41.1
• Swiper: 12.1.2 → 12.1.3
• @vitejs/plugin-legacy: 8.0.0 → 8.0.1

For the 3.4.1 patch dependency bumps, see § 3.4.1 above.

Upgrading from 3.1 / 3.2 / 3.3 #

# Pull the latest source
git pull
 
# Reinstall dependencies (a few packages were swapped)
rm -rf node_modules package-lock.json
npm install
 
# Start the dev server
npm run dev

If you've made local changes to validation, rich text editors, sliders, or lightboxes, see the Library replacements table above for migration notes per library.

Questions about the upgrade? Email contact@dashboardpack.com.