The Velocity component library
Astro, React & Tailwind components to download or access by subscription.
Every section that ships with Velocity, in one place. Animated heroes, WebGL shader backgrounds, sticky-scroll process sections, pricing tables, lead-capture popups and conversion components — engineered by hand and hardened in production. Download the open-source components individually, or subscribe for access to the maintained full library and its releases.
Download or subscribe
Start with 1 free downloads, then subscribe when you need the whole library.
The open-source set is MIT licensed on GitHub: pull a component directly into an Astro or React project with no account. The full Velocity Components subscription is for developers and teams who want the wider, maintained library and ongoing releases.
Heroes
3componentsHero — App Dashboard
Two-column product hero: a live Velocity X dashboard — day calendar + suburb conversion heatmap, a "new booking" activity toast, a Google Sheets data connector and cycling HubSpot/Attio/Pipedrive CRM logos.
Preview component NewHero — Animated Grid
Perspective circuit-board grid with a spinning globe hub and staggered integration-node reveal.
Preview componentHero — Classic
Headline + subheading hero with a spinning brand globe — clean, gallery-free.
Preview componentGrowth & Conversion
5componentsLead-Capture Popup
Exit-intent (desktop) + scroll/scroll-up (mobile) lead popup that fronts the free-draft flow. Once-per-session, cooldown, accessible, dark-mode, dismiss-friendly.
Preview component NewSticky CTA Bar
Mobile/tablet bottom CTA bar that slides in past the hero — keeps the primary conversion one thumb-tap away. Dismissible, safe-area aware, fires cta_clicked.
Preview component NewSocial-Proof Toast
Bottom-left toast that rotates short, credible social-proof lines on an interval, then stops. Pauses on hover, dismiss-for-session, aria-live, dark-mode + safe-area aware. Fires social_proof_shown.
Preview component NewReadability Kit
Long-form scannability primitives — Callout (4 variants), Key Takeaways TL;DR box, large PullQuote, and a reading-time pill. Branded, accessible, dark-mode, zero-motion.
Preview component NewDraft my Velocity
A short guided form that creates a branded starting direction for a more useful project conversation. It is an early concept, not a finished template site.
Preview componentShader Lab
350componentsMetaballs · Default
Classic gooey blobs — inverse-distance field thresholded into a glowing membrane.
Preview component NewMetaballs · Tight
Classic gooey blobs — inverse-distance field thresholded into a glowing membrane.
Preview component NewMetaballs · Cyan
Classic gooey blobs — inverse-distance field thresholded into a glowing membrane.
Preview component NewMetaballs · Slow swell
Classic gooey blobs — inverse-distance field thresholded into a glowing membrane.
Preview component NewPlasma · Default
Old-school demoscene plasma — layered sines folded through the brand palette.
Preview component NewPlasma · Dense
Old-school demoscene plasma — layered sines folded through the brand palette.
Preview component NewPlasma · Calm
Old-school demoscene plasma — layered sines folded through the brand palette.
Preview component NewPlasma · Warm
Old-school demoscene plasma — layered sines folded through the brand palette.
Preview component NewVoronoi Cells · Default
Animated cellular network — F1 distance with glowing edges where cells meet.
Preview component NewVoronoi Cells · Fine
Animated cellular network — F1 distance with glowing edges where cells meet.
Preview component NewVoronoi Cells · Bold cores
Animated cellular network — F1 distance with glowing edges where cells meet.
Preview component NewVoronoi Cells · Cyan
Animated cellular network — F1 distance with glowing edges where cells meet.
Preview component NewFlow Field · Default
Domain-warped contour lines streaming like a vector field.
Preview component NewFlow Field · Wide
Domain-warped contour lines streaming like a vector field.
Preview component NewFlow Field · Tight
Domain-warped contour lines streaming like a vector field.
Preview component NewFlow Field · Warm
Domain-warped contour lines streaming like a vector field.
Preview component NewFBM Clouds · Default
Soft fractal-noise haze drifting on a layered brand gradient.
Preview component NewFBM Clouds · Stormy
Soft fractal-noise haze drifting on a layered brand gradient.
Preview component NewFBM Clouds · Wispy
Soft fractal-noise haze drifting on a layered brand gradient.
Preview component NewFBM Clouds · Cyan
Soft fractal-noise haze drifting on a layered brand gradient.
Preview component NewAurora · Default
Vertical curtains of light shimmering like a northern-lights sky.
Preview component NewAurora · Intense
Vertical curtains of light shimmering like a northern-lights sky.
Preview component NewAurora · Cyan
Vertical curtains of light shimmering like a northern-lights sky.
Preview component NewAurora · Slow
Vertical curtains of light shimmering like a northern-lights sky.
Preview component NewLava Lamp · Default
Slow rising metaball blobs in a tall vertical gradient.
Preview component NewLava Lamp · Big
Slow rising metaball blobs in a tall vertical gradient.
Preview component NewLava Lamp · Cyan
Slow rising metaball blobs in a tall vertical gradient.
Preview component NewLava Lamp · Fast
Slow rising metaball blobs in a tall vertical gradient.
Preview component NewKaleidoscope · Default
Mirrored radial segments folding fractal noise into a mandala.
Preview component NewKaleidoscope · Zoomed
Mirrored radial segments folding fractal noise into a mandala.
Preview component NewKaleidoscope · Busy
Mirrored radial segments folding fractal noise into a mandala.
Preview component NewKaleidoscope · Warm
Mirrored radial segments folding fractal noise into a mandala.
Preview component NewTunnel · Default
Infinite scrolling tunnel via polar coordinates and a moving stripe.
Preview component NewTunnel · Fast
Infinite scrolling tunnel via polar coordinates and a moving stripe.
Preview component NewTunnel · Wide
Infinite scrolling tunnel via polar coordinates and a moving stripe.
Preview component NewTunnel · Cyan
Infinite scrolling tunnel via polar coordinates and a moving stripe.
Preview component NewDomain Warp · Default
fbm of fbm — marbled ink that folds endlessly into itself.
Preview component NewDomain Warp · Macro
fbm of fbm — marbled ink that folds endlessly into itself.
Preview component NewDomain Warp · Micro
fbm of fbm — marbled ink that folds endlessly into itself.
Preview component NewDomain Warp · Warm
fbm of fbm — marbled ink that folds endlessly into itself.
Preview component NewHex Pulse · Default
Honeycomb grid with pulses rippling out from the centre.
Preview component NewHex Pulse · Large
Honeycomb grid with pulses rippling out from the centre.
Preview component NewHex Pulse · Dense
Honeycomb grid with pulses rippling out from the centre.
Preview component NewHex Pulse · Cyan
Honeycomb grid with pulses rippling out from the centre.
Preview component NewStarfield · Default
Layered parallax stars streaming toward the viewer.
Preview component NewStarfield · Warp
Layered parallax stars streaming toward the viewer.
Preview component NewStarfield · Dense
Layered parallax stars streaming toward the viewer.
Preview component NewStarfield · Cyan
Layered parallax stars streaming toward the viewer.
Preview component NewRipples · Default
Interference pattern from drifting wave sources — pointer adds a source.
Preview component NewRipples · Fine
Interference pattern from drifting wave sources — pointer adds a source.
Preview component NewRipples · Bold
Interference pattern from drifting wave sources — pointer adds a source.
Preview component NewRipples · Warm
Interference pattern from drifting wave sources — pointer adds a source.
Preview component NewMesh Gradient · Default
Stripe-style soft mesh gradient that slowly breathes between brand hues.
Preview component NewMesh Gradient · Vivid
Stripe-style soft mesh gradient that slowly breathes between brand hues.
Preview component NewMesh Gradient · Cyan
Stripe-style soft mesh gradient that slowly breathes between brand hues.
Preview component NewMesh Gradient · Warm
Stripe-style soft mesh gradient that slowly breathes between brand hues.
Preview component NewSwirl · Default
Vortex that twists fractal noise harder toward the centre.
Preview component NewSwirl · Tight
Vortex that twists fractal noise harder toward the centre.
Preview component NewSwirl · Wide
Vortex that twists fractal noise harder toward the centre.
Preview component NewSwirl · Cyan
Vortex that twists fractal noise harder toward the centre.
Preview component NewTruchet Weave · Default
Randomly-flipped arc tiles knitting into endless flowing curves.
Preview component NewTruchet Weave · Large
Randomly-flipped arc tiles knitting into endless flowing curves.
Preview component NewTruchet Weave · Dense
Randomly-flipped arc tiles knitting into endless flowing curves.
Preview component NewTruchet Weave · Warm
Randomly-flipped arc tiles knitting into endless flowing curves.
Preview component NewNeon Grid · Default
Synthwave perspective grid receding to a glowing horizon.
Preview component NewNeon Grid · Fast
Synthwave perspective grid receding to a glowing horizon.
Preview component NewNeon Grid · Cyan
Synthwave perspective grid receding to a glowing horizon.
Preview component NewNeon Grid · Warm
Synthwave perspective grid receding to a glowing horizon.
Preview component NewCaustics · Default
Underwater light caustics from layered, ridged noise.
Preview component NewCaustics · Calm
Underwater light caustics from layered, ridged noise.
Preview component NewCaustics · Bright
Underwater light caustics from layered, ridged noise.
Preview component NewCaustics · Warm
Underwater light caustics from layered, ridged noise.
Preview component NewMoiré · Default
Two rotating line grids beating against each other into shifting interference bands.
Preview component NewMoiré · Fine
Two rotating line grids beating against each other into shifting interference bands.
Preview component NewMoiré · Wide
Two rotating line grids beating against each other into shifting interference bands.
Preview component NewMoiré · Cyan
Two rotating line grids beating against each other into shifting interference bands.
Preview component NewBokeh Orbs · Default
Soft out-of-focus light orbs drifting on a dark gradient — dreamy depth.
Preview component NewBokeh Orbs · Big
Soft out-of-focus light orbs drifting on a dark gradient — dreamy depth.
Preview component NewBokeh Orbs · Bright
Soft out-of-focus light orbs drifting on a dark gradient — dreamy depth.
Preview component NewBokeh Orbs · Warm
Soft out-of-focus light orbs drifting on a dark gradient — dreamy depth.
Preview component NewGyroid Slice · Default
A drifting slice through an animated gyroid surface — organic woven contours.
Preview component NewGyroid Slice · Macro
A drifting slice through an animated gyroid surface — organic woven contours.
Preview component NewGyroid Slice · Micro
A drifting slice through an animated gyroid surface — organic woven contours.
Preview component NewGyroid Slice · Cyan
A drifting slice through an animated gyroid surface — organic woven contours.
Preview component NewFire · Default
Rising flames — upward-scrolling turbulent noise masked into licking tongues.
Preview component NewFire · Towering
Rising flames — upward-scrolling turbulent noise masked into licking tongues.
Preview component NewFire · Roaring
Rising flames — upward-scrolling turbulent noise masked into licking tongues.
Preview component NewFire · Cyan
Rising flames — upward-scrolling turbulent noise masked into licking tongues.
Preview component NewWater Surface · Default
Looking down on rippling water — animated wave normals catching brand light.
Preview component NewWater Surface · Calm
Looking down on rippling water — animated wave normals catching brand light.
Preview component NewWater Surface · Choppy
Looking down on rippling water — animated wave normals catching brand light.
Preview component NewWater Surface · Cyan
Looking down on rippling water — animated wave normals catching brand light.
Preview component NewSpiral Galaxy · Default
A slowly rotating spiral — log-spiral arms of star density swept around a bright core.
Preview component NewSpiral Galaxy · Zoomed
A slowly rotating spiral — log-spiral arms of star density swept around a bright core.
Preview component NewSpiral Galaxy · Whirl
A slowly rotating spiral — log-spiral arms of star density swept around a bright core.
Preview component NewSpiral Galaxy · Cyan
A slowly rotating spiral — log-spiral arms of star density swept around a bright core.
Preview component NewPulsing Rings · Default
Concentric rings expanding outward from the centre like a radar sweep.
Preview component NewPulsing Rings · Wide
Concentric rings expanding outward from the centre like a radar sweep.
Preview component NewPulsing Rings · Rapid
Concentric rings expanding outward from the centre like a radar sweep.
Preview component NewPulsing Rings · Cyan
Concentric rings expanding outward from the centre like a radar sweep.
Preview component NewLightning · Default
Forking electric bolts flashing across a dark sky — jagged noise-warped filaments.
Preview component NewLightning · Close
Forking electric bolts flashing across a dark sky — jagged noise-warped filaments.
Preview component NewLightning · Storm
Forking electric bolts flashing across a dark sky — jagged noise-warped filaments.
Preview component NewLightning · Cyan
Forking electric bolts flashing across a dark sky — jagged noise-warped filaments.
Preview component NewRising Smoke · Default
Soft plumes of smoke curling upward — domain-warped fbm drifting against gravity.
Preview component NewRising Smoke · Billowing
Soft plumes of smoke curling upward — domain-warped fbm drifting against gravity.
Preview component NewRising Smoke · Wispy
Soft plumes of smoke curling upward — domain-warped fbm drifting against gravity.
Preview component NewRising Smoke · Cyan
Soft plumes of smoke curling upward — domain-warped fbm drifting against gravity.
Preview component NewMarble Veins · Default
Polished marble — turbulence folded through a sine to carve sharp mineral veins.
Preview component NewMarble Veins · Slab
Polished marble — turbulence folded through a sine to carve sharp mineral veins.
Preview component NewMarble Veins · Fine
Polished marble — turbulence folded through a sine to carve sharp mineral veins.
Preview component NewMarble Veins · Cyan
Polished marble — turbulence folded through a sine to carve sharp mineral veins.
Preview component NewCircuit Traces · Default
Glowing PCB traces — a grid of right-angle paths with signal pulses racing along them.
Preview component NewCircuit Traces · Macro
Glowing PCB traces — a grid of right-angle paths with signal pulses racing along them.
Preview component NewCircuit Traces · Busy
Glowing PCB traces — a grid of right-angle paths with signal pulses racing along them.
Preview component NewCircuit Traces · Cyan
Glowing PCB traces — a grid of right-angle paths with signal pulses racing along them.
Preview component NewWave Interference · Default
Colour interference from drifting point sources beating into shifting bands.
Preview component NewWave Interference · Fine
Colour interference from drifting point sources beating into shifting bands.
Preview component NewWave Interference · Bold
Colour interference from drifting point sources beating into shifting bands.
Preview component NewWave Interference · Cyan
Colour interference from drifting point sources beating into shifting bands.
Preview component NewPlasma Globe · Default
A central plasma orb shooting wandering noise filaments toward the rim.
Preview component NewPlasma Globe · Big orb
A central plasma orb shooting wandering noise filaments toward the rim.
Preview component NewPlasma Globe · Frantic
A central plasma orb shooting wandering noise filaments toward the rim.
Preview component NewPlasma Globe · Cyan
A central plasma orb shooting wandering noise filaments toward the rim.
Preview component NewRising Bubbles · Default
Translucent bubbles wobbling upward through a tall brand gradient.
Preview component NewRising Bubbles · Big
Translucent bubbles wobbling upward through a tall brand gradient.
Preview component NewRising Bubbles · Fizz
Translucent bubbles wobbling upward through a tall brand gradient.
Preview component NewRising Bubbles · Cyan
Translucent bubbles wobbling upward through a tall brand gradient.
Preview component NewHex Tunnel · Default
A hexagonal tunnel rushing inward, ring rows pulsing as they fly past.
Preview component NewHex Tunnel · Fast
A hexagonal tunnel rushing inward, ring rows pulsing as they fly past.
Preview component NewHex Tunnel · Wide
A hexagonal tunnel rushing inward, ring rows pulsing as they fly past.
Preview component NewHex Tunnel · Cyan
A hexagonal tunnel rushing inward, ring rows pulsing as they fly past.
Preview component NewJulia Zoom · Default
A breathing Julia-set fractal with a slowly orbiting seed and bounded iterations.
Preview component NewJulia Zoom · Zoomed
A breathing Julia-set fractal with a slowly orbiting seed and bounded iterations.
Preview component NewJulia Zoom · Wide
A breathing Julia-set fractal with a slowly orbiting seed and bounded iterations.
Preview component NewJulia Zoom · Cyan
A breathing Julia-set fractal with a slowly orbiting seed and bounded iterations.
Preview component NewSine Landscape · Default
Stacked rows of layered sine ridges scrolling like a wireframe terrain.
Preview component NewSine Landscape · Steep
Stacked rows of layered sine ridges scrolling like a wireframe terrain.
Preview component NewSine Landscape · Fast
Stacked rows of layered sine ridges scrolling like a wireframe terrain.
Preview component NewSine Landscape · Cyan
Stacked rows of layered sine ridges scrolling like a wireframe terrain.
Preview component NewGlitch Bands · Default
Horizontal scanline bands tearing and channel-shifting with digital noise.
Preview component NewGlitch Bands · Heavy
Horizontal scanline bands tearing and channel-shifting with digital noise.
Preview component NewGlitch Bands · Subtle
Horizontal scanline bands tearing and channel-shifting with digital noise.
Preview component NewGlitch Bands · Cyan
Horizontal scanline bands tearing and channel-shifting with digital noise.
Preview component NewConfetti · Default
A cascade of tumbling confetti flakes drifting and spinning down the screen.
Preview component NewConfetti · Big
A cascade of tumbling confetti flakes drifting and spinning down the screen.
Preview component NewConfetti · Blizzard
A cascade of tumbling confetti flakes drifting and spinning down the screen.
Preview component NewConfetti · Cyan
A cascade of tumbling confetti flakes drifting and spinning down the screen.
Preview component NewHalftone Pulse · Default
A dot-screen grid where each dot breathes with a radial pulse rolling out from centre.
Preview component NewHalftone Pulse · Fine
A dot-screen grid where each dot breathes with a radial pulse rolling out from centre.
Preview component NewHalftone Pulse · Bold
A dot-screen grid where each dot breathes with a radial pulse rolling out from centre.
Preview component NewHalftone Pulse · Cyan
A dot-screen grid where each dot breathes with a radial pulse rolling out from centre.
Preview component NewDiagonal Flow · Default
Soft diagonal stripes streaming across the frame, warped by a slow noise drift.
Preview component NewDiagonal Flow · Tight
Soft diagonal stripes streaming across the frame, warped by a slow noise drift.
Preview component NewDiagonal Flow · Wide
Soft diagonal stripes streaming across the frame, warped by a slow noise drift.
Preview component NewDiagonal Flow · Cyan
Soft diagonal stripes streaming across the frame, warped by a slow noise drift.
Preview component NewVortex Arms · Default
Spiral galaxy arms sweeping around the centre with a soft glowing core.
Preview component NewVortex Arms · Many arms
Spiral galaxy arms sweeping around the centre with a soft glowing core.
Preview component NewVortex Arms · Bright core
Spiral galaxy arms sweeping around the centre with a soft glowing core.
Preview component NewVortex Arms · Cyan
Spiral galaxy arms sweeping around the centre with a soft glowing core.
Preview component NewTopographic Lines · Default
Contour lines of a drifting noise field, like a living topographic map.
Preview component NewTopographic Lines · Dense
Contour lines of a drifting noise field, like a living topographic map.
Preview component NewTopographic Lines · Macro
Contour lines of a drifting noise field, like a living topographic map.
Preview component NewTopographic Lines · Cyan
Contour lines of a drifting noise field, like a living topographic map.
Preview component NewSunburst Rays · Default
Radial rays beaming out of a central sun, slowly rotating with a warm halo.
Preview component NewSunburst Rays · Tight rays
Radial rays beaming out of a central sun, slowly rotating with a warm halo.
Preview component NewSunburst Rays · Bright
Radial rays beaming out of a central sun, slowly rotating with a warm halo.
Preview component NewSunburst Rays · Cyan
Radial rays beaming out of a central sun, slowly rotating with a warm halo.
Preview component NewChecker Warp · Default
A checkerboard rippling under a domain-warp that bends the squares into waves.
Preview component NewChecker Warp · Fine
A checkerboard rippling under a domain-warp that bends the squares into waves.
Preview component NewChecker Warp · Large
A checkerboard rippling under a domain-warp that bends the squares into waves.
Preview component NewChecker Warp · Cyan
A checkerboard rippling under a domain-warp that bends the squares into waves.
Preview component NewLiquid Chrome · Default
Mercury-like metaballs with a fresnel rim glow that catches the brand light.
Preview component NewLiquid Chrome · Tight
Mercury-like metaballs with a fresnel rim glow that catches the brand light.
Preview component NewLiquid Chrome · Bright rim
Mercury-like metaballs with a fresnel rim glow that catches the brand light.
Preview component NewLiquid Chrome · Cyan
Mercury-like metaballs with a fresnel rim glow that catches the brand light.
Preview component NewSparkle Field · Default
A field of twinkling star-shaped sparkles that flare and fade across the screen.
Preview component NewSparkle Field · Dense
A field of twinkling star-shaped sparkles that flare and fade across the screen.
Preview component NewSparkle Field · Sparse
A field of twinkling star-shaped sparkles that flare and fade across the screen.
Preview component NewSparkle Field · Cyan
A field of twinkling star-shaped sparkles that flare and fade across the screen.
Preview component NewAurora Ribbons · Default
Folded light ribbons twisting back over themselves — fewer broad curtains, more interleaved folds.
Preview component NewAurora Ribbons · Cyan
Folded light ribbons twisting back over themselves — fewer broad curtains, more interleaved folds.
Preview component NewAurora Ribbons · Intense
Folded light ribbons twisting back over themselves — fewer broad curtains, more interleaved folds.
Preview component NewAurora Ribbons · Slow drift
Folded light ribbons twisting back over themselves — fewer broad curtains, more interleaved folds.
Preview component NewInterlocking Gears · Default
A field of meshing cogwheels — toothed radial rings rotating in alternating directions.
Preview component NewInterlocking Gears · Cyan
A field of meshing cogwheels — toothed radial rings rotating in alternating directions.
Preview component NewInterlocking Gears · Large cogs
A field of meshing cogwheels — toothed radial rings rotating in alternating directions.
Preview component NewInterlocking Gears · Fast
A field of meshing cogwheels — toothed radial rings rotating in alternating directions.
Preview component NewFractal Flame · Default
Swirling flame-style attractor — iterated nonlinear point map smeared into glowing wisps.
Preview component NewFractal Flame · Cyan
Swirling flame-style attractor — iterated nonlinear point map smeared into glowing wisps.
Preview component NewFractal Flame · Bloom
Swirling flame-style attractor — iterated nonlinear point map smeared into glowing wisps.
Preview component NewFractal Flame · Macro
Swirling flame-style attractor — iterated nonlinear point map smeared into glowing wisps.
Preview component NewDripping Ink · Default
Wet ink bleeding downward — fbm-displaced vertical drips pooling at the bottom.
Preview component NewDripping Ink · Cyan
Wet ink bleeding downward — fbm-displaced vertical drips pooling at the bottom.
Preview component NewDripping Ink · Fast bleed
Wet ink bleeding downward — fbm-displaced vertical drips pooling at the bottom.
Preview component NewDripping Ink · Thick
Wet ink bleeding downward — fbm-displaced vertical drips pooling at the bottom.
Preview component NewWireframe Sphere · Default
A rotating latitude/longitude wire globe outline floating on the brand gradient.
Preview component NewWireframe Sphere · Cyan
A rotating latitude/longitude wire globe outline floating on the brand gradient.
Preview component NewWireframe Sphere · Big globe
A rotating latitude/longitude wire globe outline floating on the brand gradient.
Preview component NewWireframe Sphere · Fast spin
A rotating latitude/longitude wire globe outline floating on the brand gradient.
Preview component NewFlow Streaks · Default
Particle streaks riding a perlin flow field — directional dashes that trail along the current.
Preview component NewFlow Streaks · Cyan
Particle streaks riding a perlin flow field — directional dashes that trail along the current.
Preview component NewFlow Streaks · Dense streaks
Particle streaks riding a perlin flow field — directional dashes that trail along the current.
Preview component NewFlow Streaks · Fast current
Particle streaks riding a perlin flow field — directional dashes that trail along the current.
Preview component NewHex Mandala · Default
Six-fold mirrored hex lattice radiating from the centre — a crystalline kaleido distinct from the noise mandala.
Preview component NewHex Mandala · Cyan
Six-fold mirrored hex lattice radiating from the centre — a crystalline kaleido distinct from the noise mandala.
Preview component NewHex Mandala · Zoomed
Six-fold mirrored hex lattice radiating from the centre — a crystalline kaleido distinct from the noise mandala.
Preview component NewHex Mandala · Busy
Six-fold mirrored hex lattice radiating from the centre — a crystalline kaleido distinct from the noise mandala.
Preview component NewEnergy Core · Default
A pulsing portal — a hot central core with crackling rings and rotating energy arms.
Preview component NewEnergy Core · Cyan
A pulsing portal — a hot central core with crackling rings and rotating energy arms.
Preview component NewEnergy Core · Overload
A pulsing portal — a hot central core with crackling rings and rotating energy arms.
Preview component NewEnergy Core · Wide portal
A pulsing portal — a hot central core with crackling rings and rotating energy arms.
Preview component NewMandelbrot Drift · Default
A slowly panning, bounded-iteration Mandelbrot set tinted in the brand palette.
Preview component NewMandelbrot Drift · Deep zoom
A slowly panning, bounded-iteration Mandelbrot set tinted in the brand palette.
Preview component NewMandelbrot Drift · Hot
A slowly panning, bounded-iteration Mandelbrot set tinted in the brand palette.
Preview component NewMandelbrot Drift · Cyan
A slowly panning, bounded-iteration Mandelbrot set tinted in the brand palette.
Preview component NewPhyllotaxis · Default
A sunflower seed-head spiral built from the golden angle, breathing outward.
Preview component NewPhyllotaxis · Dense
A sunflower seed-head spiral built from the golden angle, breathing outward.
Preview component NewPhyllotaxis · Spacious
A sunflower seed-head spiral built from the golden angle, breathing outward.
Preview component NewPhyllotaxis · Cyan
A sunflower seed-head spiral built from the golden angle, breathing outward.
Preview component NewGod Rays · Default
Volumetric light shafts radiating from an off-screen sun, scattered through haze.
Preview component NewGod Rays · Cyan
Volumetric light shafts radiating from an off-screen sun, scattered through haze.
Preview component NewGod Rays · Intense
Volumetric light shafts radiating from an off-screen sun, scattered through haze.
Preview component NewGod Rays · Slow
Volumetric light shafts radiating from an off-screen sun, scattered through haze.
Preview component NewOil Slick · Default
Iridescent thin-film interference rippling like petrol on wet asphalt.
Preview component NewOil Slick · Fine grain
Iridescent thin-film interference rippling like petrol on wet asphalt.
Preview component NewOil Slick · Calm
Iridescent thin-film interference rippling like petrol on wet asphalt.
Preview component NewOil Slick · Cyan
Iridescent thin-film interference rippling like petrol on wet asphalt.
Preview component NewRetro Sun · Default
A synthwave sun split into horizontal gradient bands over a haze horizon.
Preview component NewRetro Sun · Cyan
A synthwave sun split into horizontal gradient bands over a haze horizon.
Preview component NewRetro Sun · Big sun
A synthwave sun split into horizontal gradient bands over a haze horizon.
Preview component NewRetro Sun · Fast bands
A synthwave sun split into horizontal gradient bands over a haze horizon.
Preview component NewNeon Lattice · Default
A pulsing 3D-ish lattice of glowing neon tubes crossing on a dark field.
Preview component NewNeon Lattice · Cyan
A pulsing 3D-ish lattice of glowing neon tubes crossing on a dark field.
Preview component NewNeon Lattice · Fine mesh
A pulsing 3D-ish lattice of glowing neon tubes crossing on a dark field.
Preview component NewNeon Lattice · Slow drift
A pulsing 3D-ish lattice of glowing neon tubes crossing on a dark field.
Preview component NewTerrain Contours · Default
A drifting heightmap drawn as topographic contour lines with shaded elevation.
Preview component NewTerrain Contours · Cyan
A drifting heightmap drawn as topographic contour lines with shaded elevation.
Preview component NewTerrain Contours · Rugged
A drifting heightmap drawn as topographic contour lines with shaded elevation.
Preview component NewTerrain Contours · Slow tide
A drifting heightmap drawn as topographic contour lines with shaded elevation.
Preview component NewPaint Splatter · Default
Blooming ink blots that grow and fade across the canvas in the brand colours.
Preview component NewPaint Splatter · Cyan
Blooming ink blots that grow and fade across the canvas in the brand colours.
Preview component NewPaint Splatter · Crowded
Blooming ink blots that grow and fade across the canvas in the brand colours.
Preview component NewPaint Splatter · Fast bloom
Blooming ink blots that grow and fade across the canvas in the brand colours.
Preview component NewSphere Field · Default
A cheap raymarched lattice of glowing spheres pulsing past the camera.
Preview component NewSphere Field · Dense
A cheap raymarched lattice of glowing spheres pulsing past the camera.
Preview component NewSphere Field · Cyan
A cheap raymarched lattice of glowing spheres pulsing past the camera.
Preview component NewSphere Field · Drift
A cheap raymarched lattice of glowing spheres pulsing past the camera.
Preview component NewReaction Diffusion · Default
Turing-pattern look — interlocking organic spots and stripes growing across the field.
Preview component NewReaction Diffusion · Fine
Turing-pattern look — interlocking organic spots and stripes growing across the field.
Preview component NewReaction Diffusion · Coarse
Turing-pattern look — interlocking organic spots and stripes growing across the field.
Preview component NewReaction Diffusion · Cyan
Turing-pattern look — interlocking organic spots and stripes growing across the field.
Preview component NewVoronoi Cracks · Default
Cracked basalt crust with hot lava glowing up through the seams between cells.
Preview component NewVoronoi Cracks · Fine
Cracked basalt crust with hot lava glowing up through the seams between cells.
Preview component NewVoronoi Cracks · Molten
Cracked basalt crust with hot lava glowing up through the seams between cells.
Preview component NewVoronoi Cracks · Cyan
Cracked basalt crust with hot lava glowing up through the seams between cells.
Preview component NewAttractor Swirl · Default
Particle streaks spiralling toward orbiting attractor points like a strange-attractor mist.
Preview component NewAttractor Swirl · Tight
Particle streaks spiralling toward orbiting attractor points like a strange-attractor mist.
Preview component NewAttractor Swirl · Wide
Particle streaks spiralling toward orbiting attractor points like a strange-attractor mist.
Preview component NewAttractor Swirl · Cyan
Particle streaks spiralling toward orbiting attractor points like a strange-attractor mist.
Preview component NewKaleido Triangles · Default
Mirror-folded triangular tiling spinning crisp faceted shards into a mandala.
Preview component NewKaleido Triangles · Zoomed
Mirror-folded triangular tiling spinning crisp faceted shards into a mandala.
Preview component NewKaleido Triangles · Busy
Mirror-folded triangular tiling spinning crisp faceted shards into a mandala.
Preview component NewKaleido Triangles · Cyan
Mirror-folded triangular tiling spinning crisp faceted shards into a mandala.
Preview component NewRibbon Stripes · Default
Wavy horizontal stripes rolling like a stack of silk ribbons across the screen.
Preview component NewRibbon Stripes · Tight
Wavy horizontal stripes rolling like a stack of silk ribbons across the screen.
Preview component NewRibbon Stripes · Wide
Wavy horizontal stripes rolling like a stack of silk ribbons across the screen.
Preview component NewRibbon Stripes · Cyan
Wavy horizontal stripes rolling like a stack of silk ribbons across the screen.
Preview component NewHeatmap Blobs · Default
A thermal-camera field where overlapping heat sources bloom through a brand-tinted gradient.
Preview component NewHeatmap Blobs · Hot
A thermal-camera field where overlapping heat sources bloom through a brand-tinted gradient.
Preview component NewHeatmap Blobs · Big
A thermal-camera field where overlapping heat sources bloom through a brand-tinted gradient.
Preview component NewHeatmap Blobs · Cyan
A thermal-camera field where overlapping heat sources bloom through a brand-tinted gradient.
Preview component NewInk Marbling · Default
Directional ebru-style ink swirls combed sideways into long marbled veins.
Preview component NewInk Marbling · Combed
Directional ebru-style ink swirls combed sideways into long marbled veins.
Preview component NewInk Marbling · Fine
Directional ebru-style ink swirls combed sideways into long marbled veins.
Preview component NewInk Marbling · Cyan
Directional ebru-style ink swirls combed sideways into long marbled veins.
Preview component NewGlobe — Dotted · Default
A mouse-spun sphere of glowing nodes with an atmospheric rim. Drag to rotate.
Preview component NewGlobe — Dotted · Big
A mouse-spun sphere of glowing nodes with an atmospheric rim. Drag to rotate.
Preview component NewGlobe — Dotted · Fast
A mouse-spun sphere of glowing nodes with an atmospheric rim. Drag to rotate.
Preview component NewGlobe — Dotted · Cyan
A mouse-spun sphere of glowing nodes with an atmospheric rim. Drag to rotate.
Preview component NewGlobe — Dense Grid · Default
A high-res tech globe — fine lat/long wires, mouse-spun, with atmospheric haze.
Preview component NewGlobe — Dense Grid · Big
A high-res tech globe — fine lat/long wires, mouse-spun, with atmospheric haze.
Preview component NewGlobe — Dense Grid · Fast
A high-res tech globe — fine lat/long wires, mouse-spun, with atmospheric haze.
Preview component NewGlobe — Dense Grid · Cyan
A high-res tech globe — fine lat/long wires, mouse-spun, with atmospheric haze.
Preview component NewGlobe — Double · Default
Two counter-rotating wire shells, both mouse-spun, for a gyroscope feel.
Preview component NewGlobe — Double · Big
Two counter-rotating wire shells, both mouse-spun, for a gyroscope feel.
Preview component NewGlobe — Double · Fast
Two counter-rotating wire shells, both mouse-spun, for a gyroscope feel.
Preview component NewGlobe — Double · Cyan
Two counter-rotating wire shells, both mouse-spun, for a gyroscope feel.
Preview component NewGlobe — Halftone · Default
A sphere shaded with halftone dots that grow toward the mouse-lit side.
Preview component NewGlobe — Halftone · Big
A sphere shaded with halftone dots that grow toward the mouse-lit side.
Preview component NewGlobe — Halftone · Fast
A sphere shaded with halftone dots that grow toward the mouse-lit side.
Preview component NewGlobe — Halftone · Cyan
A sphere shaded with halftone dots that grow toward the mouse-lit side.
Preview component NewGlobe — Plasma Core · Default
A wire globe over a churning plasma core that glows through the gaps. Mouse-spun.
Preview component NewGlobe — Plasma Core · Big
A wire globe over a churning plasma core that glows through the gaps. Mouse-spun.
Preview component NewGlobe — Plasma Core · Fast
A wire globe over a churning plasma core that glows through the gaps. Mouse-spun.
Preview component NewGlobe — Plasma Core · Cyan
A wire globe over a churning plasma core that glows through the gaps. Mouse-spun.
Preview component NewGlobe — Glow Orb · Default
A glowing planet — soft body, mouse-lit specular, faint meridians, hot rim.
Preview component NewGlobe — Glow Orb · Big
A glowing planet — soft body, mouse-lit specular, faint meridians, hot rim.
Preview component NewGlobe — Glow Orb · Fast
A glowing planet — soft body, mouse-lit specular, faint meridians, hot rim.
Preview component NewGlobe — Glow Orb · Cyan
A glowing planet — soft body, mouse-lit specular, faint meridians, hot rim.
Preview component NewGlobe — Data Net · Default
A network globe: faint grid with bright twinkling data nodes. Mouse to rotate.
Preview component NewGlobe — Data Net · Big
A network globe: faint grid with bright twinkling data nodes. Mouse to rotate.
Preview component NewGlobe — Data Net · Fast
A network globe: faint grid with bright twinkling data nodes. Mouse to rotate.
Preview component NewGlobe — Data Net · Cyan
A network globe: faint grid with bright twinkling data nodes. Mouse to rotate.
Preview component NewGlobe — Ringed Planet · Default
A glowing planet wrapped by a tilted orbital ring. Mouse-lit, atmospheric.
Preview component NewGlobe — Ringed Planet · Big
A glowing planet wrapped by a tilted orbital ring. Mouse-lit, atmospheric.
Preview component NewGlobe — Ringed Planet · Fast
A glowing planet wrapped by a tilted orbital ring. Mouse-lit, atmospheric.
Preview component NewGlobe — Ringed Planet · Cyan
A glowing planet wrapped by a tilted orbital ring. Mouse-lit, atmospheric.
Preview component NewGlobe — Continents · Default
A dotted-continents earth — noise landmasses over an ocean grid. Mouse-spun.
Preview component NewGlobe — Continents · Big
A dotted-continents earth — noise landmasses over an ocean grid. Mouse-spun.
Preview component NewGlobe — Continents · Fast
A dotted-continents earth — noise landmasses over an ocean grid. Mouse-spun.
Preview component NewGlobe — Continents · Cyan
A dotted-continents earth — noise landmasses over an ocean grid. Mouse-spun.
Preview component NewGrowth Patterns · Default
Colonies seed across the field and rapidly bloom into organic noisy patches on their own staggered cycles, then reset — like mould spreading in fast individual lots.
Preview component NewGrowth Patterns · Fast
Colonies seed across the field and rapidly bloom into organic noisy patches on their own staggered cycles, then reset — like mould spreading in fast individual lots.
Preview component NewGrowth Patterns · Big lots
Colonies seed across the field and rapidly bloom into organic noisy patches on their own staggered cycles, then reset — like mould spreading in fast individual lots.
Preview component NewGrowth Patterns · Cyan
Colonies seed across the field and rapidly bloom into organic noisy patches on their own staggered cycles, then reset — like mould spreading in fast individual lots.
Preview component NewASCII Donut · Default
The legendary rotating text torus, full luminance shading.
Preview component NewASCII Donut · Fast
The legendary rotating text torus, full luminance shading.
Preview component NewASCII Donut · Dense
The legendary rotating text torus, full luminance shading.
Preview component NewASCII Donut · Chunky
The legendary rotating text torus, full luminance shading.
Preview component NewASCII Metaballs · Default
Gooey blobs rendered entirely in characters.
Preview component NewASCII Metaballs · Fast
Gooey blobs rendered entirely in characters.
Preview component NewASCII Metaballs · Dense
Gooey blobs rendered entirely in characters.
Preview component NewASCII Metaballs · Calm
Gooey blobs rendered entirely in characters.
Preview component NewASCII Plasma · Default
Demoscene plasma in a monospace text ramp.
Preview component NewASCII Plasma · Fast
Demoscene plasma in a monospace text ramp.
Preview component NewASCII Plasma · Dense
Demoscene plasma in a monospace text ramp.
Preview component NewASCII Plasma · Chunky
Demoscene plasma in a monospace text ramp.
Preview component NewASCII Tunnel · Default
Endless polar tunnel, character-shaded.
Preview component NewASCII Tunnel · Warp
Endless polar tunnel, character-shaded.
Preview component NewASCII Tunnel · Dense
Endless polar tunnel, character-shaded.
Preview component NewASCII Tunnel · Slow
Endless polar tunnel, character-shaded.
Preview component NewASCII Rain · Default
Falling digital rain with bright leading glyphs.
Preview component NewASCII Rain · Fast
Falling digital rain with bright leading glyphs.
Preview component NewASCII Rain · Dense
Falling digital rain with bright leading glyphs.
Preview component NewASCII Rain · Chunky
Falling digital rain with bright leading glyphs.
Preview component NewASCII Waves · Default
Interfering sine ridges flowing across the grid.
Preview component NewASCII Waves · Fast
Interfering sine ridges flowing across the grid.
Preview component NewASCII Waves · Dense
Interfering sine ridges flowing across the grid.
Preview component NewASCII Waves · Slow
Interfering sine ridges flowing across the grid.
Preview component NewBrand Blob · Hero
Shader-Park sphere flipped through zoom + rotation.
Preview component NewBrand Blob · Zoom in
Shader-Park sphere flipped through zoom + rotation.
Preview component NewBrand Blob · Wide
Shader-Park sphere flipped through zoom + rotation.
Preview component NewBrand Blob · Tilt
Shader-Park sphere flipped through zoom + rotation.
Preview component NewBrand Blob Tint · Violet
The brand sphere lit through different colour casts.
Preview component NewBrand Blob Tint · Cyan
The brand sphere lit through different colour casts.
Preview component NewBrand Blob Tint · Amber
The brand sphere lit through different colour casts.
Preview component NewBrand Blob Tint · Mint
The brand sphere lit through different colour casts.
Preview component NewBrand Grid · Default
Reflective contour-noise grid sphere (lighting study).
Preview component NewBrand Grid · Slow
Reflective contour-noise grid sphere (lighting study).
Preview componentShaders & Backgrounds
6componentsShader Backgrounds (drop-in)
Productized Shader-Lab backgrounds: <ShaderBackground shader="…" preset="hero|section|card|subtle"> drops any of the 88 shaders behind real content with a theme-aware legibility scrim. GL context self-manages (near-screen create / off-screen destroy), reduced-motion + WebGL-fallback safe.
Preview component NewMaze Growth (SVG)
A fast "growth" that draws itself through a geometric truchet maze — pure SVG with a stroke-dashoffset reveal (pathLength=1), so you can swap the maze for your own SVG paths and it grows the same way. Rows staggered so it spreads in lots.
Preview component NewFlow Lines
Stripe-style ribbon of thin lines that twists in pseudo-3D — additive blending lights up a glowing fold where the lines bunch.
Preview component NewBrand Shader
Shader Park WebGL blob driven by scroll, with light/dark palette and pan/zoom/tint controls.
Preview componentGrid Tracer
Animated traced-path grid that follows the cursor — a cheap ambient background.
Preview componentFooter Globes
Four CSS-driven wireframe globe variants (wireframe, minimal, crosshair, grid).
Preview componentCards & Expandables
2componentsFeature Sections
2componentsGalleries
1componentPricing
1componentStats & Numbers
1componentSocial Proof
1componentCTAs & Forms
2componentsNeed the complete maintained component library?
Download the MIT-licensed components individually, or use a Velocity Components subscription for the complete library. The separate Velocity website package is a buy-once website build; it is not the same product as a components subscription.








