Border Gradients
Gradient-border treatments for premium surfaces.
Skeuomorphic UI
Layered gradients and shadows that simulate physical surfaces.
Beautiful Shadows
Polished, layered elevation using natural shadow decay.
Frosted Glass
backdrop-filter blur with semi-transparent fill for layered depth.
Noise Texture Overlay
SVG feTurbulence grain blended over surfaces for tactile film texture.
Mesh Gradient Background
Four corner radial gradients blend into an organic, hand-crafted background.
Dot Grid Pattern
1px repeating dots at 24px spacing add subtle structure to empty sections.
Subtle Divider Fade
Gradient horizontal rules fade out at edges — cleaner than solid lines.
Scrollbar Styling
Custom thin scrollbar with rounded thumb and accent color replaces the OS default.
Dither Background
Procedural Bayer-matrix dithering on canvas — enlarged square pixels, dark monochrome palette, organic vignette.
WebGL 3D Object
Faceted icosahedron with flat-shaded normals, dual directional lights, and metallic Blinn-Phong material.
Globe Particles
Luminous particle globe with orbital ring, additive blending, and perspective depth.
Corner Lasers
Three laser beams from a shared off-center emitter with additive halo, atmospheric haze, and traveling streak pulses.
Progressive Blur
Eight stacked backdrop-filter layers with offset mask bands create an exponential blur ramp from zero to 64px.
ASCII Particle Field
Drifting ASCII nodes with upward light beams, proximity connections, and mouse-reactive character scrambling.
Gradient Border Shell
Conic-gradient border that follows cursor angle, with 12px blur glow layer and slow ambient rotation at rest.
Gooey Blob System
Seven overlapping circles fuse into a single fluid mass via an SVG Gaussian blur + color-matrix alpha threshold filter.