Gradient Cards alternatives

WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared aPNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.

A set of 280+ hand-picked gradients packed into the comprehensive and well-organised Sketch template.

A free website for anyone looking for beautiful gradients for any project, curated by designers.

Creating a mesh gradient has never been this easy. Set your mesh, pick some colors, and start creating some curvy gradients in a breeze! Or if you feel more like it, use any of the Collection gradients to bootstrap your new creation!

Enter a color and generate nice color palette.

Mesh is a simple way to create beautiful gradients in your browser using WebGL shaders.

An SVG blob/shape generator that gives you extra controls. Design interesting organic-looking shapes in a few clicks and export them as SVG to use in your designs.

GradientArt is an advanced online CSS gradient editor where you can design illustrations, patterns, icons, and more using a feature-packed Photoshop-like editor with layering, design tools, and free cloud storage.

Gradienty is home to thousands of gradients created by you or a computer and posted every hour. Generate your own gradient or find the perfect gradient for your next project. Copy color hex codes or the CSS gradient code directly from the gradient.

Gradients Maker solves the most painful problem when designing gradients: finding colors that blend well together. The app lets you use your fingers to pan across two color pickers simultaneously and refreshes your gradient in real time.

You know how gradients are trendy, but adding a slight noise filter or grain to them is even trendier? Well now you don't have to crack open photoshop to get that effect with your own colors. Just go to noiseandgradient.com!

Data Color Picker is a UI tool for easy to read data visualizations

Another small project from the team behind QuotesCover.com, a profile picture gradient ring maker. This enable you to add a ring with various shape and color to your profile picture making your profile more prominent.

Over 2000+ high resolution, grainy gradients to elevate your designs. Explore a huge range of grainy gradients combining 3 different grain effects, 18 bi-colour and tri-colour gradient combinations, and 16 gradient layout variations.

Simply a text gradient CSS generator, just edit the text and select the colors you want to use. Easy peasy.