Glass Facets preview
Glass Facets Pro · Coming soon for Aperveil 1.0 WebGPU shader

Every angle, another light.

Five faceted glass cuts with studio reflections and colored transmission. Adjust face count, position, elongation and bevel, then export for React.

Meet the surface

Part of Aperveil Pro · Coming soon. The live demo, editor and downloads will open in a later release. Free shaders and blocks are available now.

Pro · Coming soon for Aperveil 1.0React exportRaw WGSL

Inside Glass Facets.

Glass Facets renders five rounded polyhedral cuts with 4, 6, 8, 12 or 20 faces. Analytic normals, two-interface refraction, studio reflections and path-length absorption define the glass. Position and elongation are independent of the color palette.

The form and backdrop are generated. There is no GLTF import, live DOM refraction or arbitrary scene reflection.

5.145 ms GPU timestamp median; p95 6.554 ms. 1440x900 @ dpr 2; Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-09-05. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.

Crystal cut

Changes the actual glass geometry, including entry and exit refraction.

Elongation

Stretches the crystal along its local vertical axis.

Position X / Y

Where the glass solid sits in the frame.

Edge bevel

Rounds the edges so they catch light. A perfectly sharp solid only shows its edges where the background happens to change.

Color Looks preserve these settings. Open the editor for all 17 controls.

Coming soon.

This Pro surface's demo, editor and downloads will open in a later release. Free shaders and blocks are available now.

Explore shaders

Made for a real interface.

Give a digital product launch a single sculptural focal point. Use an offset heading and let the glass hold the center without covering it with UI cards.

Glass Facets used behind an example interface
PRISM / OBJECT STUDIESExample composition

An exploration in perspective

A new point of view.

Objects with presence. A collection of considered forms, seen from another angle.

Form

One object, many impressions.

Light

Space to let the edges speak.

Illustrative layout, not a customer project. The image is a still preview of the selected Look.

An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.

Before you ship.

What this surface does, where it fits, and where it stops.

All shaders

Make Glass Facets yours.