HanziMaster

🔵 开发中 Dev

中文版 →

Overview

A modern learning Web application focusing on Chinese character stroke order and etymology, featuring animated SVG stroke breakdowns and printable worksheets.

Background

Created for learners of all ages to master standard Chinese handwriting through dynamic vector animations and radical analysis.

Key Highlights

  • Standard KaiTi SVG vector stroke order step-by-step dynamic drawing
  • Search & etymology breakdown across 3,500 common Chinese characters
  • Custom generator for printable calligraphy practice grids

Architecture

Pre-baked static assets + client-side SVG rendering with Web Speech API for offline pronunciation.

Key Metrics

3,800+ characters

Characters covered — Standard national character set

60 FPS

Animation smoothness — Pure vector curve interpolation

< 50ms

Export time — Instant vector PDF generation

Tech Stack

Tech Stack:Next.js, React, TypeScript, SVG Animation, Tailwind CSS

Project Info

Year:2026 · Status:Live