Theme Switching

Switching themes changes token values. All effects and decorative overrides adapt automatically.

Starburst Background

Welcome!

The data-effect="starburst" effect creates a pastel starburst with rotating rays and soft cloud shapes at the bottom.

Sparkle Particles (JS)

Floating Sparkles

The data-effect="particles" attribute spawns drifting sparkle characters. Respects prefers-reduced-motion.

CSS Effects

data-effect="sparkle"

Magical

Floating sparkle pseudo-elements orbit the text.

data-effect="bounce"

data-effect="wiggle"

Hover to wiggle ♡

data-effect="starburst" (compact)

So Kawaii!

Typography

DISPLAY — CHERRY BOMB ONE

Hello World!

Super Cute Design

ACCENT — COINY

Adventure Time!

Perfect for playful headings and callouts.

BODY — NUNITO

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.

Sphinx of black quartz, judge my vow. How vexingly quick daft zebras jump!

BODY — NUNITO BOLD

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.

Sphinx of black quartz, judge my vow. How vexingly quick daft zebras jump!

SCALE RAMP

Sparkle

Glitter

Pastel Dreams

Soft rounded corners everywhere...

Cherry Bomb One / Coiny / Nunito — font-display: swap

Decorative Overrides

When the kawaii theme is active, these semantic elements get automatic decorative treatment.

Kawaii Heading One

Heading Two with Star

Heading Three

Regular paragraph text styled with rainbow underline links that animate on hover. The body font is Nunito, soft and rounded.


This is a kawaii blockquote with a scallop-edge mask and speech bubble emoji. Cute!

inline code

Active Tokens