Prism Nav

Prism Nav
Prism Nav

About Prism Nav

A liquid-glass navigation bar, real links inside. A single glass pill: logo, numbered links, a call-to-action with a pulsing status dot. The backdrop bends at the rim with spectral fringes and a glass capsule follows the hovered or focused link.

Real, focusable links sit over every item for clicks, keyboard and screen readers; below 640 px it becomes a full-screen glass menu. Logo, links, CTA, status dot, colours, tint, frost, refraction, height and radius are controls.

Standalone WebGL2: nothing fetched from outside, a still frame on the canvas, pauses off screen. Part of Prism, ten components in spectral glass.

From Beasty

Prism Logo
Attraction
Prism Parallax
Orbit

Related Components

Focus Lens Navbar
Dock Menu
Particle Navbar
Fullscreen Navbars