About CharacterFlow
A free, open-source platform dedicated to helping learners worldwide master Chinese character writing through interactive stroke order animations and practice.
Our Mission
Learning to write Chinese characters can be challenging, especially for non-native speakers. Traditional learning methods often lack visual guidance and interactive practice, making it difficult to master proper stroke order and character structure.
CharacterFlow was created to solve this problem by providing:
- Animated stroke-by-stroke demonstrations for every character
- Interactive practice mode with real-time feedback
- Comprehensive coverage of HSK 1-6 vocabulary
- Real-world phrase examples with translations
- Multiple learning pathways (by HSK level, topic, stroke pattern, etc.)
- Free, accessible education for everyone, everywhere
Key Features
🎯 Interactive Learning
Watch animations, practice writing, and get instant feedback on your stroke order.
📚 Comprehensive Content
1,100+ characters covering HSK 1-6, plus 800+ practical vocabulary items for daily use.
🔍 SEO Optimized
Every character has its own searchable page with structured data for easy discovery.
♿ Accessible Design
WCAG 2.1 AA compliant with screen reader support and keyboard navigation.
📱 Mobile Friendly
Responsive design works seamlessly on desktop, tablet, and smartphone.
🆓 Always Free
No ads, no subscriptions, no hidden costs. Education should be accessible to all.
Technology & Architecture
CharacterFlow is built on modern web technologies with a focus on performance, accessibility, and search engine optimization.
Core Technologies
- Static Site Generation: Pre-rendered HTML pages for lightning-fast load times
- Vanilla JavaScript: No heavy frameworks, just efficient code
- Hanzi Writer Library: Open-source animation engine for character strokes
- Schema.org Markup: Rich structured data for search engines and AI assistants
- Responsive CSS: Mobile-first design with CSS Grid and Flexbox
Data Sources
Our character data comes from the excellent Make Me A Hanzi project, which extracted stroke order information from fonts by Arphic Technology, released under the Arphic Public License.
Open Source & Attribution
CharacterFlow stands on the shoulders of giants. This project would not be possible without the incredible work of the open-source community.
Built on Hanzi Writer
Created by David Chanin, Hanzi Writer provides the core animation engine that powers CharacterFlow.
Visit Hanzi Writer →
Data from Make Me A Hanzi
Character stroke order data extracted and formatted by the Make Me A Hanzi project.
Learn more →
Fonts by Arphic Technology
Original font data released under the Arphic Public License in 1999, enabling free Chinese typography.
CharacterFlow is released under the MIT License. You're free to use, modify, and distribute this project. View the source code on GitHub.
About the Creator
CharacterFlow is developed and maintained by Make-dream-clear, a passionate developer committed to making Chinese language education accessible to everyone.
This project started as an exploration of how modern web technologies could enhance language learning, combining interactive animations with comprehensive SEO optimization to help learners discover and master Chinese characters more effectively.
Get in Touch
Have Questions or Feedback?
We'd love to hear from you! Whether you've found a bug, have a feature suggestion, or just want to say hello, feel free to reach out.
Email: kaiguo18@gmail.com
Ready to Start Learning?
Join thousands of learners mastering Chinese character writing with CharacterFlow. Start with HSK Level 1 or explore our most popular characters.
Start Learning Now