Creative Components

Animated mesh gradient backgrounds rendered via WebGL fragment shaders. Configurable colors, speed, grain, and blur. The effect used on this site's hero.

Configurable particle systems with connection lines, cursor reactivity, and six built-in presets. A lightweight alternative to tsParticles.

Performant reveal animations triggered as elements enter the viewport. IntersectionObserver-based, fully accessible, supports stagger on grids and lists.

WebGL displacement effects on image hover. The portfolio staple agencies charge $5K+ to implement, available as a drop-in component.

Animated film grain and noise texture overlays. Adds depth and the analog aesthetic to flat designs. Three rendering modes: CSS, Canvas, and WebGL.

Liquid morphing organic blob backgrounds. The lava lamp effect every SaaS landing page wants, as a drop-in component.

Character, word, and line-level text animations. Scroll-triggered or on-mount. Stagger, easing, and direction fully configurable. ARIA-safe.

3D card tilt effects with depth layering. CSS perspective + mouse position. Optional gyroscope support for mobile. Zero dependencies.

Northern lights backgrounds rendered via WebGL fragment shader. Vertical color banding with horizontal wave distortion. Natural and configurable presets.

Custom cursors, magnetic buttons, glow trails. Replace the browser cursor with precision-crafted alternatives that respond to interactive elements.