TWELVEUX

Glass

og glass kitnpx shadcn add @twelveux/glass

pen.dev · shipped 14 Aug 2026

vectors

shaders

bitmaps

GLASS

sits on type

NEW MATERIAL

It sits on everything.

Official glass.glsl. Wrapper. Same defaults as the circle.

Move the light

CIRCLE PROPS

ior2chromatic0.13edgeWidth200specPower55.61specIntensity0.96fresnelIntensity1.2blur1.2split0.45splitAngle130falloff168

twelveux

HomeMaterialDocsShip

Same wrapper on a shadcn button and a navbar. Shape comes from the radius.

twelveuxSCROLL THE TYPE

GLASS TEXT PROPS

ior1.42chromatic0.155edgeWidth42specPower15specIntensity0.52fresnelIntensity0.95blur0.85split0.26splitAngle145falloff255

PASTE THIS BACK

{
  "component": "GlassText",
  "className": "text-center font-sans font-semibold leading-none tracking-[-0.06em]",
  "props": {
    "ior": 1.42,
    "chromatic": 0.155,
    "edgeWidth": 42,
    "specPower": 15,
    "specIntensity": 0.52,
    "fresnelIntensity": 0.95,
    "blur": 0.85,
    "split": 0.26,
    "splitAngle": 145,
    "falloff": 255
  }
}