ns-ui

Surface Glass

Container-level liquid glass: blur, saturation, noise grain, specular rim, graduated shadow ramp.

Use when a container-level glass material, blur and saturation and grain and a specular rim, meant to sit over any moving or static backdrop and hold its own depth; pick button-glass instead when the glass belongs to a single control rather than a container, or container-box-drawing when the panel's chrome should be monospace characters rather than a material.

Install

npx shadcn add https://design.helpmarq.com/r/surface-glass.json
  • surface
  • glass
  • card
  • container

ns-ui / surface-glass

Frosted, grained, rimmed.

Blur, saturation, noise grain and a lit top rim — the full glass stack, over anything that moves.