Light Rails — Generative Pattern Studio
A browser-based studio for geometric patterns, glowing lines, gradients and motion. Explore shapes and timing, preview compositions in mockups, and prepare visuals for your next design.
Resources
Discover useful things. Build your library. Share your finds.
All resources 12
Loom – Mosaic Patterns & Animated Weaves
A browser tool for creating colourful mosaics, pixelated photos and fine-line gradient compositions, with motion controls and image, SVG and video export options.
Sfumato – Generative Patterns & Gradients
A browser-based studio for creating layered abstract backgrounds with patterns, gradients, textures, lighting and animation.
Dithr – Dithered Effects & Animation Loops
A browser studio for making looping animations from procedural patterns, photos and video with dithering and ASCII effects.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
ShaderGradient — Animated 3D Gradients for Web, Figma & React
A free open-source tool for creating animated 3D gradients with a visual editor, Figma and Framer integrations, plus ready-to-use React and Vue packages.
Pattern Monster — Seamless SVG Pattern Generator
A free library of 320+ seamless patterns with customizable colors, stroke width and angle, plus CSS/SVG copy and SVG or PNG export.
fffuel — Free SVG Generators & Design Tools
A collection of 60+ free browser-based tools for creating SVG backgrounds, gradients, patterns, textures, shapes and color palettes.
MagicPattern Mesh Gradients — Online Mesh Gradient Generator
An online generator for creating custom mesh and fluid gradients with your own colors, noise effects and SVG, PNG or JPG export.
Grainient — Gradients, Backgrounds & Shader Tool for Web Design
A collection of grainy, smooth and animated gradients, AI backgrounds and a real-time shader tool for modern web visuals.
HueGrid — Gradient, Pattern & Visual Effect Generator
An online tool for creating gradients, patterns, 3D visuals and animated effects with export to PNG, SVG and code.
Pryzm — Background, Gradient & Texture Generator
An online tool for creating custom gradients, textures, abstract visuals and animated backgrounds.