Snap beautiful CSS linear gradients and copy the code instantly with a vintage camera interface.
Users
4
+1 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#283K
#234K among extensions
Version
1.0.0
updated 29 May 2026
Users
monthly, 5 months
Latest, 15 Oct 2026:4 usersMove the mouse over the chart for any month
Ratings count
monthly, 5 months
Latest, 15 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About GradSnap - CSS Gradient Generator
GradSnap is a fun, lightweight, and incredibly fast CSS gradient generator designed for web developers and UI designers. Instead of writing out clunky CSS syntax or using complex design software, simply open GradSnap, pick your colors, and snap the code!
To make development more enjoyable, GradSnap is housed in a charming "Vintage Instant Camera" interface. It features molded off-white plastic textures, classic retro racing stripes, and a chunky red shutter button that actually "flashes" when you copy your code.
Key Features:
Real-Time Preview: Pick your two hex colors and adjust the angle slider to watch your gradient mix perfectly inside the camera's circular glass lens.
One-Click Shutter: Hit the "Snap CSS" shutter button to instantly generate the precise background: linear-gradient(...) rule and copy it to your clipboard.
Retro Design: Take a break from boring developer tools. Enjoy a beautiful, nostalgic interface inspired by classic 1970s and 1980s polaroid cameras.
100% Offline & Private: GradSnap operates completely locally on your device. It requires absolutely zero browser permissions, uses no internet data, and contains no tracking scripts.
Add a splash of color and nostalgia to your workflow. Grab GradSnap and start snapping gradients today!