Creative Coding Tools
Free browser-based tools for generative art and creative coding. No sign-up, no download — everything runs instantly in your browser. Export your creations as PNG or copy the values.
Built with the same techniques we use to create Lumitree's micro-worlds.
Color Palette Generator
Generate harmonious color palettes based on color theory. Click a color to copy its hex code.
Noise Texture Generator
Generate seamless Perlin noise textures. Adjust scale and octaves for different levels of detail.
Geometric Pattern Maker
Create mandala-like geometric patterns. Adjust sides, layers, and color.
Gradient Builder
Design CSS gradients visually. Pick colors, set angle, copy the CSS.
background: linear-gradient(135deg, #10b981, #6366f1);Wave Generator
Animated sine wave patterns. Adjust frequency, amplitude, and number of waves.
Learn how these tools work
Every tool on this page is built with vanilla JavaScript and Canvas. Our tutorials explain each technique step-by-step, with working code you can copy.