# \[Userscript\] Stroke Order — animated stroke diagrams in lessons and reviews

**URL:** <https://community.wanikani.com/t/userscript-stroke-order-%E2%80%94-animated-stroke-diagrams-in-lessons-and-reviews/75666>\
**Category:** API And Third-Party Apps\
**Created:** [September 9, 2026, 6:54am UTC](https://community.wanikani.com/t/userscript-stroke-order-%E2%80%94-animated-stroke-diagrams-in-lessons-and-reviews/75666 "2026-09-09T06:54:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Immateriae](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@Immateriae](https://community.wanikani.com/u/Immateriae)\
**Post date:** [September 9, 2026, 6:54am UTC](https://community.wanikani.com/t/userscript-stroke-order-%E2%80%94-animated-stroke-diagrams-in-lessons-and-reviews/75666/1 "2026-09-09T06:54:42Z")

</div>

Animated stroke order for kanji, kana and vocabulary, right inside your WaniKani  
lessons and reviews.

![The panel drawing the fourteen strokes of 語 one at a time](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/6/2/2627628a340efc271909e30c7f8e4bba18f39479.gif) &nbsp;&nbsp; ![The panel drawing both kanji of the word 除外 in order](https://global.discourse-cdn.com/wanikanicommunity/original/4X/f/2/1/f21c009835d35b602137381fef6a5228a7ac2286.gif)

Play it through, step one stroke at a time, or scrub back when a stroke goes by  
too fast. Numbered guides and centre lines are on by default.

## Install

1. Install [Tampermonkey](https://www.tampermonkey.net/).
2. Get `stroke-order.user.js` from [the repo](https://github.com/avogelm/wanikani-stroke-order) and drag the file  
into the Tampermonkey dashboard or create a new one and paste the code.
3. Reload WaniKani.

## Use

A 筆 button sits in the bottom-left corner whenever the current item has stroke  
data. Click it to open the panel.

| Shortcut | Action |
| --- | --- |
| `Alt` + `→` | Step forward one stroke |
| `Alt` + `←` | Step back one stroke |

## Where it runs

- Lessons
- Reviews
- Extra Study
- Recent Mistakes
- Individual Kanji pages
- Individual Vocabulary pages

## Licence and attribution

The script is MIT licensed.

Stroke order data is from the **KanjiVG** project, copyright © 2009-2026 Ulrich  
Apel, distributed under the  
[Creative Commons Attribution-Share Alike 3.0 licence](https://creativecommons.org/licenses/by-sa/3.0/).  
SVG files are fetched at runtime from the jsDelivr mirror of the KanjiVG  
repository; they are not redistributed here. See [https://kanjivg.tagaini.net](https://kanjivg.tagaini.net).

## Prior art / Inspo

[oatmilkcat/wanikani-stroke-order](https://github.com/oatmilkcat/wanikani-stroke-order)  
did this in 2018 against the Kanji Alive API. It no longer runs: it depends on  
jStorage, and the Kanji Alive database covers 1,235 kanji against the roughly  
2,000 WaniKani teaches, leaving higher levels blank.

---

<div class="post-metadata">

**Author:** ![Redflashx12](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/redflashx12/32/829470_2.png) [@Redflashx12](https://community.wanikani.com/u/Redflashx12)\
**Post date:** [September 21, 2026, 3:43pm UTC](https://community.wanikani.com/t/userscript-stroke-order-%E2%80%94-animated-stroke-diagrams-in-lessons-and-reviews/75666/2 "2026-09-21T15:43:28Z")

</div>

Pretty cool, looks very neat during the review. Nicely done.

I just wanted to ask if there is any reason you don’t upload it also to GreasyFork so we can just add it with a single click and get updates in case you change sth? e.g. like double check does it so you only to open this website and click install?

[https://greasyfork.org/en/scripts/35063-wanikani-double-check](https://greasyfork.org/en/scripts/35063-wanikani-double-check)

---

<div class="post-metadata">

**Author:** ![Immateriae](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@Immateriae](https://community.wanikani.com/u/Immateriae)\
**Post date:** [September 22, 2026, 6:26am UTC](https://community.wanikani.com/t/userscript-stroke-order-%E2%80%94-animated-stroke-diagrams-in-lessons-and-reviews/75666/3 "2026-09-22T06:26:17Z")

</div>

no reason at all, I just didn’t come around to do it yet \>\< will upload it later 🙂