Real-time Chinese stroke order animation and grid generator
Axel Delaval • January 2026
An interactive web application to generate Chinese calligraphy grids with real-time stroke order animations.
- Stroke Animation: Visualize the correct stroke order of any Chinese character using the Hanzi Writer engine.
- Dual Layouts: Toggle between modern horizontal display and traditional vertical (right-to-left) orientation.
- Dark Mode: Optimized dark theme with softer colors for night practice.
- Dynamic Customization: Adjust character sizes and grid parameters instantly.
- Responsive Grids: Traditional "Tian Ge Zi" dashed guidelines for better visualization and practice.
- Hanzi Writer - Core engine for rendering and animating Chinese characters.
- HTML5 / CSS3 (Flexbox & Variables) / Vanilla JavaScript.
- Live Demo: https://axeldlv00.github.io/ChineseIsEasy-Calligraphy/
- Author: Axel Delaval