Themes

Blocky UI ships with 3 built-in themes. Switch themes at runtime:

BlockyUI.setTheme('fall-guys');
BlockyUI.setTheme('animal-crossing');
BlockyUI.setTheme('blocky'); // default

Available Themes

Theme Style Key Traits
Blocky (default) Dark 3D Multi-layer shadows, gradient overlays, backdrop blur
Fall Guys Bright cartoon Solid black offset shadows, thick white borders, 16px radius
Animal Crossing Flat cozy Soft diffused shadows, earthy tones, 30px containers, 999px pill buttons

Creating a New Theme

See the theme creation guide in CLAUDE.md for the 4-file checklist.


Table of contents


Blocky UI — lightweight, 3D blocky-themed UI components.

This site uses Just the Docs, a documentation theme for Jekyll.