Kanji Animate

A lightweight web app designed for Notion that lets you search, display, and animate Kanji characters using SVG stroke order diagrams.

Built to be embedded inside Notion pages, Kanji Animate provides clean, accurate stroke order animations that work perfectly as a study widget for Kanji learners.

Features

• Search Kanji by character or Unicode
• SVG-based stroke order animations
• Optimized for embedding in Notion
• Responsive layout with light/dark mode support
• Adjustable animation speed

Usage

1. Open index.html in a browser or embed the hosted page in Notion.
2. Search for a Kanji character.
3. View the animated stroke order and character display.

Customization

• Add more Kanji SVGs in the kanji/ folder and update kanji_data.json
• Replace assets/Image.png to change the background
• Adjust layout and animation settings in style.css

Credits

• KanjiVG SVG data: KanjiVG
• Animation logic adapted from: nihongodera/kanjivganimate

License

MIT License. See LICENSE for details.