Twitter account for Gradient Magic, a large gallery of fantastic and unique CSS gradients.

Joined July 2019
87 Photos and videos
Pinned Tweet
Hello! I've started creating "premium" collections of gradients that are for sale. They have gradients not available on the site, along with bonus features. Premium content helps support my work on the site, and lets me keep making free content as well. gumroad.com/gradientmagic
New additions to the "Weird and Experimental" collection of CSS Gradients (which are surprisingly popular). Check out new designs in styles I've labeled as "Moons", "Shattered Glass", and "Black Hole". #css #html #webdesign #webdevelopment gradientmagic.com/collection…
1
Another exciting new CSS Gradient collection - "Paper"! Forget that colorful hero image and go back to the basics! We've got lined paper, legal paper, graph paper, and even "vintage" paper. Take a look! #webdev #webdesign #css #html gradientmagic.com/collection…
2
Gradient Magic retweeted
First new pen in a few months! I made several CSS Gradients that looked like different types of paper. My favorite is a pretty good facsimile of a yellow legal pad - check it out! @CodePen #css #webdesign codepen.io/TheCSSKing/pen/KK…
1
New collection of CSS Gradients! Check out "Brilliant Angular", which is the first collection to make use of background blend modes. I like them so much I made one my profile picture! #css #webdesign #webdev #html #gradient gradientmagic.com/collection…
1
Just added a new collection of CSS Gradients - "Weird & Experimental". It's home to a variety of designs that I'm testing out to gauge popularity - let me know your favorites! #css #webdev #webdesign #gradient gradientmagic.com/collection…
1
Gradient Magic retweeted
The "user icon" CSS gradient - a perfect ironic background for your user settings page. @CodePen codepen.io/TheCSSKing/pen/jO…
1
Just updated the "Complex Patterns" CSS gradient collection with a few unique new patterns. Among them are "Humans" and "Birds" - all done with pure CSS. #css #html #webdesign #webdev gradientmagic.com/collection…
What do folks think of the updated UI for viewing a gradient (shown below)? I wanted to give more room for editing features, while also showing the whole gradient. Please let me know what you think - all feedback is helpful!
1
New collection of CSS Gradients - "Perfect Subtle Backgrounds", in both dark and light colors: gumroad.com/l/UaJyn It's a premium collection, but you can preview for free on the site: gradientmagic.com/collection… gradientmagic.com/collection…
Big Update! I've updated the gradient view page to be a bit cleaner, with more room for new (and upcoming) features! gradientmagic.com/collection… #css #html #webdevelopment #webdev
1
2
Note that the "Image Download" feature is more of a promo - it's only available in the premium bundles. It took a good amount of work to get right, and it feels like a good bonus for folks who want a premium bundle.
Introducing the latest collection of CSS Gradients: Stained Glass. Intricate patterns layered on brilliant colors, producing patterns perfect for a header or wallpaper. #css #webdev #webdesign #html #webdeveloper gradientmagic.com/collection…
1
1
1
It's worth noting that this is also a premium collection, and unlike Carbon Fiber (which is free), I've given it a small price. I did this to support my time, and to fund the creation of more cool collections in the future. gumroad.com/l/rdmMw

1
Finally, I'll note that at $9.99 this is a screaming deal compared to any graphics sites. You get 272 gradients, all fully customizable (and different), in multiple colors and styles. They can be downloaded at any resolution. All of this bundled into a 1.5 MB .html file.
The newest collection (Carbon Fiber) is a little different. Only a sample is available on the site, the rest can be downloaded (for free) in a standalone bundle. I'm experimenting with "premium" options, which I hope will give more value to folks. gradientmagic.com/collection…
Very excited to announce a new collection of CSS Gradients: Carbon Fiber! Perfect for adding a subtle metallic background to your website. In dark and light colors. #css #html #webdesign #webdeveloper gradientmagic.com/collection…
2
2
New CSS Gradient Collection - "Standard Texture"! Traditional "Standard" gradients with a very subtle texture to give them a more physical feel. In an array of colors as well as black and white. gradientmagic.com/collection… #css #webdev #webdesign #html
1
9
29
New collection of CSS Gradients - Confetti! It's a ticker-tape parade on your website! Non-uniform arrangements of dots and shapes, some more subtle than others. Available in dark and light colors. #css #webdev #webdesign gradientmagic.com/collection…