Canvas Registry
Canvas Effects
Browse all 14 canvas effects. Each is a standalone JavaScript function that runs on an HTML Canvas element with the mountCanvas runtime. Zero dependencies, copy-paste ready.
backgrounds
Ambient and animated canvas backgrounds for hero sections and landing pages.
Aurora
Fließende Farbwellen in kühlen Tönen, inspiriert von Nordlichtern. Mehrere überlagerte Sinuswellen mit vertikalen Verläufen.
Liquid Metal
Flowing chrome gradient with an animated specular highlight streak. Radial base shifts slowly; a sharp light band sweeps across at an angle — like light catching polished metal.
Matrix Rain
Falling katakana and digit characters with green fade trails. Classic "digital rain" background effect inspired by the Matrix aesthetic — optimized for dark hero sections.
Particle Field
Floating particles with connection lines that form near each other and near the pointer. Ambient background animation.
Starfield
Twinkelndes Sternfeld mit leichtem Parallax-Effekt bei Pointer-Bewegung. Klassisches Hintergrundmuster für dunkle Sektionen.
Wave Grid
Dot matrix background with sine-wave vertical displacement and radial fade. Dots near the center are brighter; the wave propagates diagonally across the grid.
interactive
Pointer-driven and event-responsive canvas effects.
Fluid Pointer
Particle field that scatters on pointer contact and springs back to origin. Each particle applies spring physics — repel force on approach, return force to rest position.
Neural Network
Animated neural network with four layers, signal pulses traveling along connections, and randomized neuron activations with glow.
Proximity Dots
Grid of dots that scale up and brighten near the pointer. No animation loop — only redraws on pointer movement.
Ripple Cursor
Click-triggered expanding ripple rings that grow and fade. Minimal interactive feedback effect.
Scroll Filmstrip
Canvas that steps through pre-rendered film-frame stills as the user scrolls — no RAF loop, no pointer, pure scroll position.
decorative
Ornamental and ambient visual effects for mood and depth.
Floating Shapes
Sanft schwebende geometrische Formen (Kreise, Dreiecke, Quadrate) als dekorativer Hintergrund mit subtiler Opazität.
Gradient Orb
Soft radial gradient blobs that drift slowly across the canvas. Ambient decorative effect with no interaction.
Page Curtain
A full-viewport curtain that wipes in from the bottom and out to the top, demonstrating a classic page-transition effect.