Cardboard pickup

ruvix102New

Dialog panel that lifts off the table toward your face.

Source

<div className="[perspective:800px]">
  <div
    data-state={open ? "open" : "closed"}
    className="palette-panel rounded-xl border border-white/10 bg-chrome/70 p-3 backdrop-blur-md"
  >
    {/* panel content */}
  </div>
</div>

/* globals.css — hinged at the bottom edge, one smooth motion */
.palette-panel { transform-origin: 50% 100%; }
.palette-panel[data-state="open"] {
  animation: pickup-in 600ms cubic-bezier(0.22, 1, 0.36, 1);
}