Interactive design playground
Design. Animate.
Export. Ship.
A living library of interactive designs. Open one, reshape it in a real editor, and leave with production-ready code — every preview on this page is running live.
0
designs
0
categories
0
exports
Gallery
A living library
No screenshots — every card is the design itself, running. Open one and it keeps moving; reshape it and it answers.
11 designs · live previews
Editor
Change anything, instantly
The inspector drives the canvas in real time — no rebuild, no delay.
live controls — drag, watch it answer
Export
Code that matches the preview
One definition drives both. Copy it, paste it, ship it.
lumen-metal-card.htmlhtml
<!doctype html><html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>Lumen Metal Card · SceneUI</title><style>body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#09090b;}.dp-lumen-metal-card-asset{position:relative;display:grid;place-items:center;padding:0px;opacity:1.00;transform:translate(0px,0px) perspective(900px) rotateX(0deg) rotateZ(0deg);transform-style:preserve-3d;filter:contrast(1.00) saturate(1.00) hue-rotate(0deg) blur(0.00px) drop-shadow(0 14px 48px rgba(0,0,0,.42));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease,opacity .35s ease;will-change:transform,filter,opacity;}.dp-lumen-metal-card-asset::before{content:"";position:absolute;inset:0px;border-radius:20px;background:radial-gradient(circle at 35% 25%,#d8b56d52,transparent 42%),radial-gradient(circle at 66% 72%,#b3893a4d,transparent 50%);filter:blur(53px);opacity:0.26;z-index:-1;pointer-events:none;}.dp-lumen-metal-card-asset::after{content:"";position:absolute;inset:0px;border-radius:20px;border:0px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);opacity:0;pointer-events:none;}…Yours
Save & remix
Your edits are stored as real design definitions, ready to reopen in the editor.
Nothing saved yet — remix a design in the editor and it appears here, still alive.
Featured
Hand-picked for you
Ready
Minimal interface.
Maximum creative freedom.
The interface stays calm, so your designs become the stars.