Skip to content
Vitreous
Get the template

Liquid Glass Design System

Interfaces that bend light,
not just pixels.

Vitreous is a React landing template built on real refraction — depth, specular edges, and atmosphere you can toggle in one line. Premium glass, or flip it off and ship something honest and fast. Your call.

Get the template
MaterialGLASS
blur16px
tint0.07
radius20px
The material

Designed to be felt.

One-switch glass

The entire material runs off a single value owned by one component. Flip it and the whole system collapses to flat, fast, accessible panels — no reflow, no component swap.

Real refraction

Not a blurry rectangle. Tinted backdrop blur, a diagonal specular highlight, and a saturated field behind every surface so the glass actually reads.

Bounded for speed

Glass is rationed to chrome, cards, and CTAs — never long lists. You get the look without the backdrop-filter jank. Dark-first, 90+ Lighthouse.

Yours to bend

Tokens, not hardcodes. Swap two accents to re-skin everything. Schibsted Grotesk, Plus Jakarta Sans, and Commit Mono ship wired in and self-hosted.

Showcase

Shipped by people who notice.

I've bought a dozen 'glass' templates. This is the first one where the glass actually does something. The depth and specular edges sold my whole team.

Maya R.Design Lead, Northwind

The on/off toggle isn't a demo — it's how I shipped two brand variants from one codebase in an afternoon.

Devin OyelaranSolo Founder, Plume

I came in expecting a Lighthouse disaster. It bounded the glass properly. 96 on mobile. Fine, you win.

Priya N.Staff Engineer, Cadence
Pricing

Pick your surface.

Personal

$19
one-time

For one site of your own.

  • 1 developer, 1 site
  • React + Vite and Next.js editions
  • Full TypeScript source
  • Updates for all of 1.x
Most chosen

Team

$49
one-time

For teams and client work.

  • Up to 10 developers
  • Unlimited sites
  • Client work: build and hand over
  • Updates for all of 1.x

Extended

$99
one-time

For the site of a product your users pay for.

  • Everything in Team
  • Sites for paid products, like a SaaS
  • Updates for all of 1.x

One-time payment. Launch prices. Updates for the whole major version.

One line away

Ship something they remember.

Premium when you want depth. Flat and fast when you don’t. Vitreous is both — and the switch is one line away.

Get Vitreous