GradientCraft
Year
2026
Role
Full Stack Developer
Duration
2 days
Category
Web, Development, Tool
About the Project
GradientCraft is a free, open-source visual CSS background composer that lets users stack and customize gradients, patterns, noise textures, and animations into layered backgrounds. It offers real-time preview and exports clean, production-ready CSS with zero runtime dependencies. No sign-up or installation needed — works with any framework or plain HTML & CSS.
The Challenge
Building an intuitive layer-based editor that could combine multiple CSS background techniques (gradients, patterns, noise, animations) while keeping the output as pure, dependency-free CSS.
The Solution
I built a layer-based compositing UI with Next.js, using SVG for noise generation and CSS keyframes for animations. The tool includes 25+ pre-built gradient presets and one-click CSS export, ensuring the generated code works everywhere without any runtime overhead.