Visual Effects
5 labsParticle Field
Interactive particle systems with physics-based motion and custom attractors.
Noise Texture Studio
Generate tileable noise textures with Perlin, Simplex, and Worley algorithms.
Gradient Mesh
Sculpt smooth colour meshes with Bézier handles and per-point colour stops.
Shader Background Studio
Craft animated GLSL fragment-shader backgrounds with live colour and grain controls.
SVG Filter Forge
Build complex SVG filter chains — blur, turbulence, displacement, and more.
Typography
4 labsVariable Font Playground
Explore variable font axes in real time with text preview and axis controls.
Text Distortion
Warp and distort text with wave, ripple, and noise displacement effects.
Kinetic Type
Animate individual characters along custom paths with timing controls.
Lettering Grid
Construct display type on a custom grid with optical margin alignment.
Colour
4 labsPalette Extractor
Upload an image and extract a harmonious colour palette with export options.
Harmony Wheel
Explore colour relationships — complementary, triadic, split, and analogous.
Gradient Generator
Build multi-stop gradients in any colour space with CSS and SVG output.
Contrast Checker
WCAG-compliant contrast ratios with accessible colour-pair suggestions.
Motion
4 labsSpring Physics
Tune spring stiffness, damping, and mass with live motion preview.
Easing Curve Editor
Draw custom cubic-bézier curves and copy as CSS, Framer Motion, or GSAP.
Scroll Animator
Design scroll-linked animations with keyframes and a live viewport preview.
Timeline Studio
Sequence multi-track animations with a timeline editor and code export.
Generative
5 labsL-System Explorer
Define Lindenmayer grammar rules and render 2D plant-like fractal structures.
Fractal Renderer
Render Mandelbrot and Julia sets with arbitrary zoom and colour mapping.
Wave Function
Superpose sine waves with amplitude, frequency, and phase controls.
Reaction Diffusion
Simulate Gray-Scott reaction diffusion patterns in real time on the GPU.
Voronoi Sculptor
Generate Voronoi diagrams with Lloyd relaxation and distance metric controls.
UI Tools
4 labsShadow Builder
Layer box-shadows with full control over blur, spread, and colour — CSS ready.
Border Radius Sculptor
Craft asymmetric border radii with CSS squircle and superellipse presets.
Grid Designer
Design multi-column, multi-row CSS grid layouts with visual drag controls.
Spacing Scale
Build a typographic spacing scale from a base unit with visual rhythm preview.