Skip to content

ArchitectUI Angular Free v3.0.0

Choose a tag to compare

View all tags
@puikinsh puikinsh released this 07 Aug 10:31
· 27 commits to master since this release
v3.0.0
5cd9f9f
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

🎉 What's New in v3.0.0

We're excited to announce a major update to ArchitectUI Angular Free! This release focuses on enhanced user experience, production-ready deployment, and polished UI components.

✨ Enhanced Header Experience

  • Beautiful Dropdown System: Redesigned notifications, messages, and user settings dropdowns with clean, intuitive interfaces
  • Smart Notification Center: Unread counters, color-coded alerts, and timestamps for better user engagement
  • Message Preview System: Quick message previews with user avatars and online status indicators
  • Streamlined User Settings: Enhanced profile dropdown with organized account management options

🎯 Improved Sidebar Navigation

  • Smart Logo System: Text-based logo showing "A" when collapsed and full "ArchitectUI" when expanded - no more tiny, invisible logos!
  • Fixed Chevron Directions: Proper arrow directions (→ when closed, ↓ when open) with smooth CSS animations
  • Enhanced Hover States: Better visual feedback for navigation interactions
  • Responsive Animations: Fluid transitions between collapsed and expanded states

🚀 Production-Ready Deployment

  • Subdirectory Support: Built-in support for deploying to paths like /architectui-angular-free/
  • Multi-Server Configurations: Ready-to-use configs for Apache, Nginx, IIS, and Node.js
  • Cloudways Integration: Dedicated deployment guide with optimized configurations
  • Direct URL Access: Fixed Angular routing for direct page access and browser refresh
  • Custom Build Command: npm run build:prod with automatic base href configuration

🔧 Technical Improvements

  • Bootstrap 5 Complete: Removed all remaining Bootstrap 4 traces and deprecated classes
  • Form Components Updated: All form controls now use proper Bootstrap 5 syntax
  • Asset Loading Fixed: Resolved CSS/JS loading issues in subdirectory deployments
  • Spacing Classes: Fixed deprecated spacing utilities (ml-/mr- to ms-/me-)

📚 Enhanced Documentation

  • Comprehensive Deployment Guides: Step-by-step instructions for major hosting providers
  • Server Configuration Files: Production-ready .htaccess, web.config, and nginx configurations
  • Troubleshooting Guides: Detailed solutions for common deployment issues
  • Cloudways-Specific Guide: Complete deployment instructions for Cloudways hosting

🔄 Migration from v2.x

This is a seamless update! Simply run:

npm install
npm run build:prod  # For subdirectory deployment

No breaking changes - all existing functionality preserved while adding new features.

🎯 Perfect For

  • SaaS Applications: Enhanced dropdowns perfect for user management interfaces
  • Admin Dashboards: Professional UI components for internal tools
  • Client Portals: Beautiful notification and messaging systems
  • Production Deployment: Multiple hosting options with complete configuration guides

📊 What's Included

  • Modern Angular 20.1.4 with Bootstrap 5.3.7
  • Interactive charts powered by Chart.js v4
  • NgRx state management
  • Complete responsive layout system
  • Enhanced header dropdowns with real-world functionality
  • Smart sidebar navigation with proper visual feedback
  • Production-ready deployment configurations
  • Comprehensive documentation and guides

🌟 Live Demo

Experience the new features: Live Demo

📝 Full Changelog

See CHANGELOG.md for detailed technical changes.

Ready to upgrade your Angular dashboard? This update brings professional-grade UI enhancements and production-ready deployment - perfect for taking your project to the next level! 🚀

Assets 2
Loading