data-uv-themeeditorial
Same markup.
01/ 12 highlights — keep scrolling
UI Vault API · v3.0.0 · MIT
87 styles, 1,200 pieces, one API.
A modular CSS + JS kit with no build step. Load the whole bundle or only the modules you need. Then mix themes and effects on any element: one page can have a brutalist header, a neon card and a terminal footer.
~/my-site — zsh
Buttons · Cards · Tabs · Toasts · Modals · Rings · Docks · Forms
Glitch · Chrome · Holo · Neon · Stamp · Sticker · Matrix · Sparkles · Gravity
§ 01 — Quick start
Running in three steps.
Link the hosted files, or unzip the download next to your HTML and use relative paths.
1
Add the two files
Put the CSS in <head> and the script anywhere with defer.
2
Write HTML with uv-* classes
Components are classes. Behaviours are data-uv attributes. Themes are data-uv-theme.
3
Call the JS API when you need it
Everything lives on window.UV, and every function works on its own.
§ 02 — Modules
Take only what you use.
Load core first, then any combination. The two bundles contain everything.
| File | What it gives you | Size |
|---|
§ 03 — Themes
Twelve highlights, same markup.
Each card below uses identical HTML; only data-uv-theme changes. Put it on <html> for the whole page or on any element for one section. Click a card to apply it to this page.
§ 04 — Mix & match
Every region, its own style.
Pick a theme for each region and stack effects on the headline. The HTML below updates as you go; copy it when you like the result.
Release 4.0
Ship calmer software
Issues, docs and releases in one quiet workspace.
Fast
Search in milliseconds.
Quiet
Digests, not pings.
Open
MIT, on GitHub.
© 2026 Northwind
§ 05 — Effects
Stack them. Break things.
CSS effects are uv-fx-* classes; JavaScript effects are data-uv-fx="…". Hover, click and move your mouse over the tiles. Click a label to copy its usage.
§ 06 — The zipper
Zip only what you picked.
Pick items in the Library and they show up here. You get trimmed CSS/JS, an example page, the UiVault3 Python and C++ packages, and your own site customizations. Or tick whole modules below.
| Call | What it does | Module |
|---|