🎨 Gradient Studio
Builder
Gallery
Export
Dashboard
🎲 Random
💾 Save
⌨️
Gradient Type
Linear
Radial
Conic
Angle
135°
X
50%
Y
50%
Circle
Ellipse
Farthest Corner
Closest Corner
Farthest Side
Closest Side
Color Stops
2
Click bar to add · Drag to move · Right-click to delete
Options
Repeating gradient
Animate gradient
Layers
1
+ Add Layer
⬜
⭕
🃏
Aa
📋 Code
CSS
Tailwind
SVG
Copy
🖼️ Gallery
📐 Background Size
🖼️ Preview & Download
⬇️ Download PNG
📄 Download SVG
📋 Copy CSS
📊 Dashboard
🏷️ Categories
💾 Data
📤 Export JSON
📥 Import JSON
💾 Save Gradient
Name
Category
Custom
Sunset
Ocean
Nature
Neon
Pastel
Dark
Warm
Cool
Metallic
Tags (comma-separated)
Cancel
Save
⌨️ Keyboard Shortcuts
Key
Action
1
-
4
Switch views
R
Random gradient
S
Save to collection
C
Copy CSS
A
Toggle animation
L
Add layer
N
New gradient (reset)
/
Focus search (Gallery)
E
Export JSON
I
Import JSON
?
This help
Esc
Close modal
Close