Visual Effects

gradient_mesh

JS-animated blob divs. PhiaMeshBg hook.

retro_grid

Perspective-transformed 3D grid — pure CSS.

wave_bg

SVG wave paths — pure CSS.

bokeh_bg

CSS-animated blurred blobs — pure CSS.

flicker_grid

Canvas flicker dots. PhiaFlickerGrid hook.

animated_gradient_bg

Animated gradient — pure CSS.

noise_bg

SVG feTurbulence — pure CSS.

hex_pattern

SVG hex tile — pure CSS.

beam_bg

CSS beam sweep — pure CSS.

flowing_lines

SVG stroke-dashoffset — pure CSS.

glass_card

Glassmorphism — pure CSS backdrop-filter.

glass_panel

Wider glass for nav overlays — pure CSS.

acrylic_surface

Acrylic with noise texture — pure CSS.

liquid_glass

Prismatic border — pure CSS.

neon_glow_card

Colored neon box-shadow — pure CSS.

border_beam

Rotating conic border — pure CSS.

shine_border

Rotating shine overlay — pure CSS.

moving_border

Animated gradient border — pure CSS.

magic_card

Cursor-tracked gradient. PhiaMagicCard hook.

card_spotlight

Cursor spotlight overlay. PhiaCardSpotlight hook.