DEV Community

Cover image for Wails3 Template New Version: Faster Than Ever with a Completely Redesigned UI
Jin Gong
Jin Gong

Posted on

Wails3 Template New Version: Faster Than Ever with a Completely Redesigned UI

Why Rebuild the UI?

The original goal of this project was simple:

  • Provide an out-of-the-box Wails3 template
  • Enable fast cross-platform desktop development (macOS / Windows)
  • Keep it lightweight and high-performance However, as the project evolved, I wanted the template to be more practical, reduce development time, and include more built-in features.

The core issue was:
“The architecture was solid, but the overall experience wasn’t rich enough.”

I. Template Features

  • 🌍 Multi-language support
  • 🌗 Dark / Light theme switching
  • 🗂️ SQLite database examples (CRUD operations)
  • ⌨️ Global hotkey support (extensible & customizable)
  • 🎨 System tray integration (linked with the i18n system)
  • 🧱 Scalable frontend-backend architecture for further development

II. UI Comparison (Before vs After)

New UI⬇️:
New UI
Old UI⬇️:
Old UI

From a UI perspective, the main improvement is consolidation:

  1. All settings are now unified into a single management page
  2. A new dashboard has been introduced to better support system management and future development

III. What’s New in This Version

  • Improved system tray functionality with full i18n integration, making frontend management easier
  • A more unified UI structure, resulting in better clarity and stability
  • Increased development efficiency with consistent design patterns
  • A more practical and production-ready Wails3 starter template

IV. How to Use

Project Repository

GitHub:https://github.com/JinGongX/SuiDemo

Getting Started

# Create a project using the GitHub template
wails3 init -n myproject -t https://github.com/JinGongX/SuiDemo  
# open folder
cd myproject   
# Start development mode
wails3 dev
Enter fullscreen mode Exit fullscreen mode

V. Demo

Demo


Top comments (0)