CSS Gradient Generator
Create beautiful CSS gradients with a visual editor. Copy the code and use it in your projects.
Gradient Editor
Customize your gradient colors and direction.
90°
%
%
Preview & Code
See your gradient and copy the CSS code.
background: linear-gradient(90deg, #6366f1 0%, #a855f7 100%);
bg-gradient-to-r from-[#6366f1] to-[#a855f7]