Kanji + Chinese character stroke order viewer — animated SVG showing correct stroke sequence + direction, with romaji/pinyin/meaning, 500+ common characters.
- Runs locally
- Category Text
- Best for Removing repetitive cleanup work from everyday writing and operations.
Kanji & Chinese Character Stroke Order Viewer
500+ common kanji and Chinese characters from JLPT N5 and HSK 1-3. Pick a character, hit Play, watch each stroke draw in order with starting dot + direction arrow.
What this tool does
Watch any of 500+ common kanji and Chinese characters draw themselves stroke by stroke, the way a teacher writes them on a blackboard. Coverage spans JLPT N5 (103 characters), HSK 1-3 (~600 words), and the de-duplicated union lands at 500+ shared CJK ideographs that both Japanese and Chinese learners hit in their first year.
Pick a character, hit Play. Each stroke draws in sequence with its starting point marked in red and an arrow showing direction. Pause, step forward/backward one stroke at a time, slow the animation to half speed for tricky multi-stroke characters, or replay. Below the viewer you get stroke count, radical (部首), pinyin (tone marks), Japanese on-yomi (音読み) + kun-yomi (訓読み), plus Chinese, Japanese and English meanings.
Five ways to find a character: search by character, by JLPT level (N5/N4/N3), by HSK level (1/2/3), by stroke count, or by radical. A TTS button reads any character in Japanese (ja-JP) or Chinese (zh-CN) using your OS voice via Web Speech API. Practice mode hides the character and shows only pinyin + meaning, asking you to recall the kanji before flipping the card.
Honest scope: animated stroke paths are hand-drawn simplified versions of the PRC 《通用规范汉字表》 stroke order for the ~100 core highest-frequency single-component characters where the sequence is unambiguous (top-bottom, left-right, horizontal- before-vertical). More complex multi-radical characters ship with stroke count, readings, and meanings but display statically — better to admit the limit than fake authority on sequences our hand-encoding can't verify. KanjiVG (CC BY-SA, Ulrich Apel) is the gold standard for full coverage.
Tool details
- Input
- Files + Text + Numbers
- The page exposes text boxes, numeric controls, file pickers, or structured inputs depending on the tool.
- Output
- Live result + Preview
- The result area focuses on usable output, with copy, download, or preview actions when supported.
- Privacy
- Browser-side processing
- The main tool logic does not call an external API, so inputs normally stay in the current tab.
- Save / share
- Local preference storage
- Preferences, history, or drafts are saved in this browser without an account.
- Performance budget
- Initial JS <= 80 KB
- No WASM budget is declared, keeping the tool quick to open on mobile.
- Best fit
- Text · Student
- Category and role tags drive related tools, internal links, and quick fit checks.
How to use
-
1. Input
Paste or drop your content into the tool panel.
-
2. Process
Click the button. All processing is local in your browser.
-
3. Copy / Download
Copy the result or download to disk in one click.
How Kanji & Chinese Character Stroke Order Viewer fits into your work
Use it to clean, compare, reshape, or extract plain text before it goes into a document, CMS, spreadsheet, or prompt.
Text jobs
- Removing repetitive cleanup work from everyday writing and operations.
- Making text easier to compare, paste, publish, or feed into another tool.
- Working with content locally when the text is private or unfinished.
Text checks
- Scan for unintended whitespace, duplicate lines, and lost punctuation.
- For long text, test the first few lines before applying the whole change.
- Copy the final output only after checking the preview.
Good next steps
These links move the current task into a more complete workflow.
- 1 English Irregular Verbs Reference English irregular verbs reference — 200+ verbs with base / past / past participle, Chinese gloss, in-browser audio, pattern filter, and a flash-card practice mode. Open
- 2 Japanese 500 Essential Words (JLPT N5 + N4) Japanese 500 essential words covering JLPT N5 and N4, with kana, romaji, kanji and audio TTS. Open
- 3 Chinese Stroke Counter Chinese character stroke counter — count strokes for any hanzi, traditional or simplified. Open
Real-world use cases
Drill the JLPT N5 kanji you keep forgetting how to write
You can read 水, 火, 木 on a menu fine, but the moment your Japanese teacher asks you to write 飛 (the kanji for "fly") on paper, you freeze. Filter by JLPT N5, sort by stroke count descending, and step through the multi-stroke kanji one stroke at a time. The stroke-by-stroke replay (with starting dots in red and direction arrows) is what builds the muscle memory pen-and-paper drill never quite finishes — three replays per character at half speed beats fifteen rote repetitions on a worksheet.
Cross-check a character before you write it on a sign or tattoo
You're getting 愛 (love) tattooed, or hand-painting 福 on a New Year's banner, and you want to triple-confirm the stroke sequence so the strokes layer correctly visually (Chinese calligraphy depends on which stroke crosses on top of which). Search the character, watch the animation at half speed, then practice on paper with the viewer paused mid-stroke so you can see exactly where each new stroke starts and ends.
Prep an HSK 3 writing exam in the last week before the test
The HSK 3 writing section asks you to handwrite full characters, not just type them. Filter by HSK 3, switch to Practice mode (the character hides, only pinyin and English show), and grind through 50 characters per day. Mark the misses; re-drill them the next morning. After 5 days you will have stable hand-recall on the full HSK 1-3 list, which is exactly what the writing section tests.
Teach a six-year-old which stroke goes first in 中
The classic kid trap: they see 中 and want to write the vertical stroke first because it's the most visually dominant. Pull up the animation: bracket, bracket, then the vertical pierces through last (rule 5: horizontal- piercing strokes go last). Watch it twice with the child, then have them write three on paper. The "draw it for me" visual sticks where verbal explanation ("写中字, 中间那 一竖最后写") does not.
Compare Japanese vs Chinese stroke conventions for shared kanji
For most shared characters the stroke order is identical, but a handful diverge (必 has the central point first in Japan, fourth in Mandarin standard; 田 has minor variants in how the inside cross interacts with the outer box). Search a character you know is contested, read the "convention notes" section, and decide which standard fits your study path. We mark divergences explicitly so you don't unlearn a habit when you switch from one language to the other.
Common pitfalls
Assuming every CJK character has a single "correct" stroke order. Japanese, mainland Chinese, Taiwan, and Hong Kong educational standards diverge on 5-10% of common characters — especially anything with 辶 (走之底), 必, 田, 王, or 必. We mark the divergences in the readings panel; pick the standard that matches what you're studying.
Practicing only by reading. Stroke order matters for handwriting recall, calligraphy, and the writing sections of JLPT N3+ and HSK 3+. If you're only ever going to type Japanese or Chinese, recognition (HSK Vocab Quiz, Japanese Vocab 100) is enough; if you'll ever write by hand, this tool plus 5 minutes of paper drill per day matters more than memorizing the readings.
Trying to power through 500 characters in a week. Recognition fades fast without spaced repetition. Drill 20-30 characters per day max, mark misses, re-drill misses the next morning, and you'll have stable recall on 200+ characters in 2 weeks. Cramming all 500 in 7 days will leave you remembering ~40 of them by week 3.
Privacy
Everything runs in your browser: the 500-character database (compact JSON, ~50 KB), the hand-encoded SVG stroke paths for the ~100 core characters, the animation loop, the Practice-mode shuffle, your correct/wrong tally — none of it leaves the page. The TTS button calls window.speechSynthesis, which is local to your operating system and does not upload audio. Once the page has loaded once, the tool works fully offline. Your Practice stats are saved in localStorage under the tool's namespaced key and never sync anywhere; clear browser data wipes them.
FAQ
Tool combos
Folks in your role tend to reach for these alongside this tool.
- 24-Point Solver & Game 24-point solver and game — enter 4 numbers and get every solution instantly, or play random hands against the clock.
- A1C to Blood Glucose Calculator A1C ⇄ estimated average glucose, both ways, mg/dL or mmol/L, with the ADA range — educational, browser-only
- Add Days to Date Calculator Add or subtract days, weeks, months, and years from any date — plus a business-day mode that skips weekends. Runs entirely in your browser.
- Affine Cipher Encoder & Decoder Encrypt and decrypt the ax+b affine cipher with live modular-inverse check, browser-only