Gallery
Interactive, self-contained effects extracted from our projects. Move your cursor, click, and tweak the controls on each.
Cursor Attractor
Particles emit from your cursor and are pulled toward (or pushed from) the center with additive glow trails. Click to burst.
Custom Cursor Trail
Hides the native cursor and replaces it with a smoothed glowing head plus an explicit fading comet tail. Idle-fades when still.
Absorption Cursor
A pulsing cursor that shrinks and gets absorbed by nearby target nodes, emitting expanding pulse rings as it's captured.
Matrix Rain + Spotlight
Falling glyph rain with a crisp fading tail and a cursor-driven spotlight that brightens nearby characters.
Confetti Burst
A shockwave ring plus pooled rect/triangle/ellipse confetti with gravity, wind drift, and spin. Click to launch.
Borg Geometric Click
An expanding 'assimilation' grid of concentric polygons, radiating segments, and vertex nodes with a counter-spinning core. Click anywhere.
Ambient Particle Network
A drifting field of glowing nodes connected by proximity lines that reacts to your cursor. Great as a global background.
Glitch Text Resolve
Random-character scramble that resolves into the target text, then keeps an RGB-split shadow glitch that re-corrupts on a loop.
Neon Button
A glowing neon button with a pulsing blurred gradient underlay, spring hover/tap feedback, and a sheen sweep.
Cyberpunk Score HUD
A futuristic score readout that counts up with a glitch flash on threshold crossings, animated circuit/scanline background, and a glowing frame.
Corner Fireworks
Fountain cannons in the corners arc glowing sparks inward to a synthetic beat, with geometric shape bursts on peaks. Click for a celebratory burst.
Particle Text
Glowing particles rain down and ease into a word, hold, then scatter and re-form on a loop. Click to re-form instantly.
Pinwheel Rays
A rotating radial burst of wobbling beams that shoot from the center and fade, additively blended. Auto re-bursts; click to fire from the cursor.
3D Tilt Card
A perspective card that springs toward the cursor. Pick whether the text pushes out (raised), sinks into a divot, or sits flat, then choose how it reacts when you click the card.
Warp Field
A 3D hyperspace starfield streaming from the center. Steer the warp axis with your cursor and click to jump to lightspeed.
Particle Constellation
Particles stream in from a screen edge and ease into a glowing geometric outline (triangle, hexagon, star, or spiral), then hold, pulse, and link up before scattering and re-forming. Click to jump to the next shape.
Caustic Light
Drifting overlapping radial-gradient light pools that morph like pool-water or polished-chrome caustics.
Prismatic Motes
Soft prismatic motes drifting on gentle orbits, each leaving a fading trail drawn from stored position history.
Sakura Petals
Falling cherry-blossom petals with depth layers, sway, flutter, and rotation. Move the pointer to stir up a breeze.
Holographic Grid
A perspective holographic floor grid recedes toward a glowing horizon while buoyant hex data glyphs rise and flicker through a horizontal scan sweep.
Ember Forge
Forge sparks, embers, and smoke rise from the hearth with white-hot trails and periodic anvil-strike flares. Click anywhere to hammer the anvil and burst sparks at the cursor.
Spore Drift
Bioluminescent spores (drifters, trailing filaments, and orbiting clusters) float upward on gusting wind with soft glow, depth parallax, and faint connective filaments. Move the cursor to push the wind.
Star Field
A layered, twinkling deep-space star field with drifting nebula color washes, mouse-driven ripples, and occasional shooting stars trailing across the void.
Particle Field
Connected drifting motes with glowing proximity link lines and mouse repulsion. A clean, modern hero background.
Abyss Plankton
Deep-sea bioluminescent plankton. Soft pulsing motes drift upward through a dark abyssal gradient and glow brighter as the cursor passes near.
Electric Border
A rounded-rect panel whose perimeter is traced by a crawling, noise-jittered electric arc with additive glow that crackles as it travels.
Liquid Web
Soft liquid blobs drift and leave trails, repel and energize near the cursor, and weave connection lines between neighbors. Click to spawn a blob and a shockwave ring.
Neural Net
Sharp drifting nodes wired by distance-based synapse lines, with energy pulses that travel and chain from link to link.
Touch Ripple
Expanding radial-gradient ripple rings bloom on tap, with gentle ambient auto-ripples drifting across the canvas. Pooled for zero-GC spawning.
Comet Overlay
An ambient overlay where comets streak in from the screen edges on an internal rhythm, glitter sparkles ring the center, corner drips rise on peaks, and a triple-arm spiral draws itself. Click to trigger a radial comet burst.
Ocean Wave
A particle ocean of glowing dots riding stacked sine waves across the lower third of the canvas, bobbing and pulsing to an internal swell. There is no audio; layered sine waves drive the swell over time.
Spark Fountain
Upward sparks launch from the bottom edge under gravity and fade as they fall, fired in periodic bursts on an internal rhythm. Click anywhere to launch an extra burst at the pointer. Pooled for zero-GC.
Infinite Starfield
A twinkling star canvas over a subtle perspective grid with gentle mouse-driven parallax. Stars and grid shift slightly toward the pointer, and nearer stars drift more. Move your cursor to steer the depth.
Code Orbit
Floating monospace code tokens drift in gentle orbital motion with mouse-ripple physics. Tokens are pushed away from the cursor and ease back to their orbits. Pure DOM with a self-managed rAF loop; honors reduced-motion.
Wireframe Cubes
Tumbling 3D wireframe cubes projected to 2D with a perspective divide, drifting across the screen on additive-glow edges.
Depth Tunnel
A perspective recess illusion. Concentric receding layers form a 3D tunnel that the cursor steers via parallax. Pure CSS transforms, five tunnel styles.
Crystal Core
A real WebGL scene: a distorted, metallic icosahedron core orbited by faceted shards, lit by two colored lights. Scroll to zoom and drag to orbit around it.
Galaxy Spiral
A procedurally generated spiral galaxy rendered as a real WebGL point cloud, with thousands of stars sweeping along branching arms around a glowing two-tone core. Scroll to zoom and drag to orbit right into the disc.
Hyperdrive
A real 3D starfield you fly through. Click and hold to punch into hyperdrive and stretch the stars into streaks as the field of view widens.
Wave Grid
A rippling 3D wireframe terrain of layered sine waves graded by height, bulging toward your cursor.
Torus Knot
A glowing, slowly morphing torus knot rendered in real WebGL. It glows under bloom and twists under two palette-colored lights, with a faint wireframe knot behind it for depth.
DNA Helix
A rotating DNA double helix: two strands of glowing instanced spheres spiral around a vertical axis, linked by base-pair rungs, with color running as a gradient along the helix and bloom selling the glow.
Vortex Tree
Hundreds of small 3D wireframe shapes spiral down a rotating funnel into a festive, galactic tree silhouette crowned by a glowing star. Drag to orbit and scroll to zoom.
Black Hole
A dark void ringed by a glowing event horizon, fed by a spiraling accretion disk that orbits faster and stretches into streaks as it's pulled inward. Click to inject a burst of matter that spirals in.
Ripple Distortion
A procedural surface of dots, grid, or lines that ripples like water. The cursor drags a gentle wake, clicks drop concentric ripples that expand and decay, and overlapping wavefronts displace and brighten the pattern as they pass.
Flip Card
A 3D card that tilts toward your cursor and flips between two faces. Pick the flip axis, trigger on click or hover, and label both sides.
Nexus Card
An asset card floating over a NEXUS network of glowing nodes that drift, link constellation-style, and wire themselves into the card and your cursor.
Particle Morph
A point cloud of thousands of particles that smoothly morphs between a sphere, cube, torus, and cone on a loop, with a gentle idle swirl. Click to jump to the next shape.
Nebula Cloud
A volumetric, drifting nebula you can fly into, with thousands of additive glowing points clustered into soft billowing clumps that swirl and breathe under bloom. Scroll to dive inside, drag to orbit, middle-drag to pan.
Aurora Veil
Flowing aurora curtains that wave and shimmer over a faint starfield, pulsing with an internal rhythm for an audio-reactive feel. Move to bend the nearest curtain; click to send a pulse rippling along the veil.
Testimonial Globe
Testimonial cards orbit a glowing core on a virtual sphere. The globe spins on its own, and you can drag to spin it with momentum or click a card to bring it to the front. Depth drives each card's size, blur, and fade, with faint links wiring neighbors into a nexus.
Electric Field
A real WebGL fragment shader: turbulent fbm lightning branches, flickering vertical bolts and a liquid energy field. The electricity bends toward your cursor, and a click sends a surge through the field.
Butterfly Garden
Butterflies drift across the canvas with flapping wings and wandering flight paths. Move your cursor to draw them in or scatter them, and tune the count, speed, and wing beat.
Watercolor Reveal
A brush-stroke clip-path wipe paints in a gradient panel and a short word, holds, then fades and repeats. Click to paint it again, and set the text, pace, and edge softness.
Dice Tumble
Polyhedral dice tumble in space with a glossy metallic finish and glowing edges. Click anywhere to reroll: each die spins up fast and settles into a fresh resting pose.
Petal Cursor
Petals stream from your pointer as it moves, then drift down with gentle sway, rotation, and fade. Click for a small burst, and idle petals settle in when the pointer rests.
Flow Field
A fullscreen plane of domain-warped Perlin noise that drifts into flowing color bands. Speed, noise scale, contrast, and swirl reshape the field, while your pointer gently bends it.
Comic Smoke
Layered comic-book smoke puffs with inked scalloped edges rise from the base, billow, and dissipate on a loop. Click to puff a cluster at the pointer.
Logo Burst
A celebratory reveal burst: radiating rays, a flying spark shower, and an expanding shockwave ring fire on a loop at center. Click to set one off at the pointer.
Energy Flow
Glowing particles ride several flowing curves across the canvas, leaving soft additive trails. The cursor bends nearby streams toward it.
Text Reveal
Type a phrase and watch it animate in character by character with a staggered reveal, hold, then replay on a loop. Pick from fade-up, wave, blur-in, scale-in, typewriter, or slide-in. Click to replay instantly.
Prism Burst
A spectral burst of refracted light shards, a fan of prismatic sparks, and an expanding chromatic ring. Fires on a loop at center and again wherever you click.
Neon Spores
A deep field of glowing spores drifting across three depth layers, pushed by gusting wind and trailing soft light, with the odd pollen burst. Your cursor swirls the ones nearby and a click pops a burst.
Anime Speed Lines
Manga action streaks that race across the frame. Radial mode leaves a clear center and lines converging inward, horizontal mode sweeps sideways, and a click sets the focus and flicks out an ink splat.
Holographic Scan Card
A 3D-tilted glassy card that mimics an AI generating an infographic. Depth-parallax layers, chart bars that grow and cycle, soft pulsing glow orbs, and a bright beam that scans top to bottom with a trailing light wash. The card leans toward your cursor and keeps a gentle float when left alone.