Charlie — HTML5 Game Toolkit

Charlie is a production-ready toolkit for creating HTML5 and PC games with Phaser, Vue, and Vite.

This is no longer just a starter template. It is a full-featured development toolkit designed to help you build, scale, document, and configure HTML5 games faster and more comfortably.

The project is optimized for PC and web deployment, including platforms like itch.io. It supports fullscreen mode, desktop builds, localization, UI component development, and game parameter editing through CMS.

What’s included

• Phaser-based game logic and rendering
• Vue-powered UI and screen system
• Pinia state management
• Vite development and build pipeline
• Electron support for desktop builds
• Localization with i18next
• Storybook for isolated UI development and documentation
• Decap CMS for editing game parameters and content
• Vue Router for screen and flow navigation

Built-in mechanics

• Top-down movement (WASD)
• Platformer movement (WAD)
• Level transitions
• Health gain and loss system

Who is it for

Charlie is a great fit for developers and small teams who want to create HTML5 games with a modern frontend stack, clean project structure, reusable UI components, localization support, and tools for content editing.

Technology stack

• Phaser
• Vue
• Pinia
• Vite
• Electron
• Decap CMS
• Storybook
• i18next
• i18next-vue
• Vue Router

Authors

• Pavel Bezdornov
• Mark Bezdornov

Art is sourced from open resources.
Character design and animation by Pavel Bezdornov.