Skip to content

Releases: DashboardPack/architectui-vue-theme-free

ArchitectUI Vue 3 / Bootstrap 5 v2.0.1

23 Jul 14:09
@puikinsh puikinsh
v2.0.1
3ad57ba

Choose a tag to compare

View all tags
ArchitectUI Vue 3 / Bootstrap 5 v2.0.1 Latest
Latest

Release Date: July 23, 2025
Live Demo: https://demo.dashboardpack.com/architectui-vue-free/

Overview

This release focuses on production-ready enhancements, user experience improvements, and deployment
optimizations building upon the complete Vue 3 modernization. All features have been thoroughly tested
and deployed to the live demo environment.

Key Enhancements

UI/UX Improvements

  • Fixed jumpy popover animations - Resolved CSS transform conflicts for smooth, professional
    animations
  • Restored original color scheme - Professional green theme (#69aa8a) applied consistently
    throughout the application
  • Functional footer dropdowns - Social media and quick links now fully operational with proper
    positioning
  • Optimized dashboard widgets - Left-aligned numbers for improved readability and professional
    appearance
  • Enhanced social media integration - Brand-specific icons with external link functionality

Production Deployment Features

  • Subdirectory routing support - Properly configured for complex deployment scenarios
  • Asset path optimization - Fixed all CORS and 404 errors for production environments
  • Environment-specific configuration - Automatic path resolution for development and production
  • Live demo deployment - Successfully deployed and verified at demo URL

Technical Improvements

  • FontAwesome brand icons - Complete integration with tree-shaking optimization
  • CSS cascade management - High-specificity overrides for consistent styling
  • Component lifecycle optimization - Enhanced performance and memory management
  • Build process streamlining - Improved deployment preparation and verification

What Was Fixed

Critical Issues Resolved

  • Animation glitches: Eliminated visual jumping in popovers and tooltips
  • Footer functionality: Previously non-working dropdowns now fully functional
  • Color inconsistencies: Bright green (#3ac47d) replaced with original professional color
  • Production deployment: Fixed asset loading errors and CORS issues
  • Widget alignment: Dashboard statistics now properly left-aligned

Technical Stack

  • Vue.js: 3.5.17 (latest stable)
  • Vite: 7.x (fast build system)
  • Bootstrap: 5.x (modern CSS framework)
  • Pinia: 3.x (Vue 3 state management)
  • Chart.js: 4.x (modern charts)
  • FontAwesome: 6.x (with Vue 3 integration)
  • ESLint: 9.x (code quality)

Live Demo Features

Visit https://demo.dashboardpack.com/architectui-vue-free/ to see:

  • Smooth popover and tooltip animations
  • Fully functional footer social media links
  • Professional green color scheme throughout
  • Left-aligned dashboard statistics
  • Responsive design across all devices
  • Working charts and interactive components

Getting Started

Clone the repository

git clone https://github.com/DashboardPack/architectui-vue-theme-free.git
cd architectui-vue-theme-free

Install dependencies

npm install

Start development server

  npm run serve

Build for production

  npm run build

Ready for production use with zero vulnerabilities and modern Vue 3 architecture.

Assets 2
Loading