Tactile Glass UI v0.1

Tactile Button

Built for Fluid
Surfaces

TACTILE
4829 8102 9412 8042
ALEXANDER WRIGHT
08 / 29
Solaris Phase
00:00 -03:48

Real-time WebGL2 optical glass capsule and icon button — physical bevel refraction, chromatic dispersion, liquid caustic aura, and interactive cursor shockwaves.

Install

npm install tactile-glass-ui

Ready-made component

Use the pre-built <TactileButton> component with the currently tuned glass optics:

Custom surface

Wrap any custom React component or HTML element in <TactileGlassFx> to apply the currently tuned glass optics to your own UI:

Refraction
4
Thickness
8
Bevel Width
2
Frost
2
Dispersion
88
Light Sheen
12
Light Angle
24°
Darkness
0
Edge Rim
16
Brightness
36
Wave Speed
80%
Wave Scale
24%
Aura Width
8px
Center Clarity
32%
Border Beam
100%
Hover Glow
264
Cursor Flow
100%
Click Ripple
100%