🦊 Free & Open Source

Kanji of the Day Widget

Add daily Japanese kanji learning to any website with a single line of code. Free, lightweight, zero dependencies.

⚡ Quick Start

Copy this one line into your HTML — that's it:

<script src="https://kanjiflash.pages.dev/widget/kanji-widget.js"></script>

The widget appears wherever you place the script tag. No CSS to import, no init code, no API keys. It just works.

🎨 Live Preview

A new kanji appears every day, automatically selected from 101 JLPT N5 kanji.

Dark Theme (default)
Light Theme

✨ Features

📦
Zero Dependencies
Pure vanilla JavaScript. No jQuery, no React, no framework needed. Under 14KB.
🎌
101 JLPT N5 Kanji
Complete beginner-level kanji set with on'yomi, kun'yomi readings, meanings, and examples.
📅
Daily Rotation
New kanji every day, deterministic — same kanji appears on all sites worldwide.
🌗
Dark & Light Themes
Adapts to your site's design with built-in dark and light theme options.
📱
Fully Responsive
Looks great in sidebars, footers, blog posts, or full-width sections.
Instant Load
No API calls, no external requests. All 101 kanji are embedded in the script.

🔧 Customization

Add data- attributes to the script tag to customize:

AttributeValuesDefaultDescription
data-theme dark / light dark Widget color scheme
data-size compact / normal / large normal Widget size preset
data-id Any string Auto-generated Container element ID

Examples

<!-- Light theme for light-background sites --> <script src="https://kanjiflash.pages.dev/widget/kanji-widget.js" data-theme="light"></script>
<!-- Compact widget for sidebars --> <script src="https://kanjiflash.pages.dev/widget/kanji-widget.js" data-size="compact"></script>
<!-- Large widget with light theme --> <script src="https://kanjiflash.pages.dev/widget/kanji-widget.js" data-theme="light" data-size="large"></script>

💡 Use Cases

📝
Japanese learning blogs
🏫
Language school websites
👤
Personal study portals
📚
Online course platforms
🎓
University resource pages
🌐
Japan culture & travel sites

❓ FAQ

Is this really free?

Yes, 100% free. MIT licensed. No tracking, no cookies, no API keys, no usage limits. Use it on as many sites as you want.

Does it make external requests?

Only to load the script file itself from our CDN (Cloudflare Pages). After that, everything runs locally — all 101 kanji are embedded in the script. No API calls, no analytics, no tracking pixels.

Will the same kanji appear on all sites?

Yes! The daily kanji is deterministic based on UTC date. Everyone sees the same kanji on the same day, regardless of timezone or website.

Can I use this on a commercial site?

Absolutely. The MIT license allows use in personal, educational, and commercial projects. Attribution (the "Powered by Kanji Flash" link) is appreciated but not required.

How many kanji are included?

All 101 JLPT N5 kanji — the complete beginner-level set. Each kanji includes on'yomi (Chinese reading), kun'yomi (Japanese reading), English meaning, and an example word.