Skip to content

Designed
in glass.

Thirty React components cast in a refractive material — light bends at every edge, frost where the compositor says no, and solid surfaces the moment someone asks for them.

npx shadcn@latest add https://vitrumui.vercel.app/r/button.json

frost engine active

The material

One optical system, three behaviors

Every surface is frost, bend, and light in a single backdrop pass — engineered to degrade beautifully when the compositor can't bend.

Frost

Blur and saturation tuned per material weight — film to veil.

Refraction

A bevel of displacement bends the backdrop at every rim.

Specular

A lit ring and a pointer-following sheen sell the surface.

Thirty components

Real, live, and yours to keep

No screenshots. Everything below is the shipping component, rendering over the same light you're looking through.

Material Studio

Tune the glass yourself

Frost, tint, refraction, radius — every knob is a custom property. Set them live, then export the surface you made.

Frost18px
Tint0.16
Radius24px
Open the full studio
Your material18px · 0.16 · 24px
Blocks

Whole sections, pre-composed

Auth panes, dashboards, players, launch shells — install a finished section and reshape it from the inside.

Welcome back

Sign in to your workspace to continue.

Forgot?

No account? Request access

IX

Meridian Nine

Low Tide Collective

1:362:38

Pour it into your project

One command brings the component, the material system, and the tokens. Works by URL or as the @vitrum namespace — for you and for your AI editor.

$ npx shadcn@latest add https://vitrumui.vercel.app/r/glass.json