← All examples

Prism 2.0 · now with 87 styles

Design once.
Ship every style.

Prism turns one set of components into any look you want: pearl, brutal, glass, terminal. Same markup. Different worlds.

Start freeWatch it build ↓
Scroll

Step 1 · Assemble

Now it's yours.

Every piece is a UI Vault component. Keep scrolling and the same dashboard puts on four different themes.

Components64
Themes87
Exports1.2k
Weekly usage
Synced

Everything included

Small library,
big toolbox.

87 themes, one attribute

data-uv-theme on any element. Mix three styles on one page if you like.

No build step

Two files. Link them, done.

Python & C++

Same designs, native widgets.

Scroll scenes

uv-pin + data-uv-scrub: this whole page runs on them.

NorthwindHalcyonOxbowLumen&CoParallelKestrelArcadia

Pricing

Fair and simple.

Monthly Yearly 2 months free
Solo
$0 /mo
  • All 87 themes
  • Web export
  • Community help
Studio
$24 /mo
  • Everything in Solo
  • Python & C++ export
  • Custom themes
  • Priority help
Team
$79 /mo
  • Everything in Studio
  • 10 seats
  • Shared style library
Is this a real product?
No. Prism is invented for this example. Every component on the page is real, though: it's all UI Vault.
Which part is the scroll animation?
The tall section above is a uv-pin with data-uv-scrub="pin". CSS reads --p to fly the pieces in; UV.scrub() switches the theme.
Will it run on a slow laptop?
Yes. Only transform and opacity animate, and the scroll handler writes one CSS variable per frame.