The Velocity component library
Production-grade Astro, React & Tailwind components — built to convert.
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, hardened in production, and yours to copy & own outright. No monthly SaaS, no component subscription. Buy once, edit forever.
Free & open-source
1 component is free to copy & own — MIT licensed.
A growing slice of the library is open-source on GitHub. Pull a single component straight into your project — no install, no account, no lock-in. The rest ship with any Velocity package, source included.
Heroes
3 componentsHero — 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
5 componentsLead-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
Flagship free-draft lead magnet: 3-step form → AI-written, branded Velocity draft → live preview + emailed link within 5 minutes. Hybrid delivery (instant preview now, real build on interest).
Preview componentShader Lab
350 componentsMetaballs · 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
6 componentsShader 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
2 componentsFeature Sections
2 componentsGalleries
1 componentPricing
1 componentStats & Numbers
1 componentSocial Proof
1 componentCTAs & Forms
2 componentsOwn every component. Ship the whole site.
The full 374-component library ships with Velocity — a buy-once, production-grade website you own outright. Source included, lifetime updates, no monthly fees. The agency build, productized.