Latest updates for GradientArt


New site header

10 hours ago
New, site-wide header with a clearer set of links and a new user menu

Out of beta!

2 days ago
After a year of development, GradientArt has matured out of beta!

Fixed zooming issue

4 weeks ago
Fixed a bug that was causing the Transform tool to lose sync with the cursor when zoomed in/out

New comments section

1 month ago
You can now comment on projects in their details page! Ask questions, share your feedback, and remember - be polite!

New "Download HTML & CSS" button

1 month ago
You can now download a project as an HTML file from the project's details page!

New "Download image" button

1 month ago
The new project details page now features an option to download the project as an image, with a few size options!

Meet the all-new project details page!

1 month ago
The project details page has been completely redesign to look more modern and ergonomic 😁

New "Changelog" page!

1 month ago
The page that you're visiting right now is the new place for getting the latest updates regarding GradientArt! Every new feature, improvement, bug fix or any other type of news will be tracked here, so come visit often!

New horizontal resizer for editor panels

1 month ago
You can now resize the width of the editor panels!

New undo/redo controls

1 month ago
Undo/redo buttons have been added to the editor's toolbar. You can also use the keyboard shortcuts (Cmd/Ctrl + z, Cmd/Ctrl + Shift + z) to undo/redo your changes.

Move & Resize tools combined

1 month ago
Based on user feedback, the move & resize tools have been combined to a single tool, called "Transform".

Complete makeover for the site!

1 month ago
The whole site has been redesigned, and partly re-written using TailwindCSS!

Fixed gradient drag & drop

2 months ago
Fixed a small issue with the gradient drag & drop that was causing it to flicker

Added support for zooming in/out

2 months ago
You can now zoom in/out in the editor to see the little details of the design, or the bigger picture!

New background layer type - solid

2 months ago
No more adding gradients with 2 duplicated color stops - from now own you can use a solid color instead!

New like button!

Aug 16, 2021
We've added a new like button so you can show some love to your favorite designs.


Jun 28, 2021
About a month after I started working on it, I completed around 40 of my planned 80 tasks which I deemed MVP, and I released the first version of Gradient Art. Currently, the editor supports many features, including transformations (scale/move/rotate), background stacking, full support for all 6 CSS gradient types, and an entire website with social login, and cloud storage.

Added Social Login

Jun 26, 2021
Just finished implementing social login using The site currently supports signing in via GitHub and Facebook, and I plan to add support for Google and Twitter in the near future. Using this library has been a great experience, and I highly recommend it!

Added a mind-blowing landing page!

Jun 22, 2021
The new landing page features canvas drawn animated orbs, isomorphic tiles of examples, and animated illustrations of the app's various features! Originally, I thought about having the editor itself as the landing page, but then I decided that this site is going to be more than just an editor, so it deserves a nice home page.

Added a "fork" button to the editor

Jun 7, 2021
You can now fork projects from others, modify them and save them to your account

Added save/update options to the editor

May 30, 2021
You can now save your projects to your account! Each project gets a dedicated URL, so you can share it with the community and learn from others.We will pick the the best designs to be displayed in the "featured" section.

New tools added: Pan & Rotate

May 16, 2021
You can now pan the canvas (drag & move to view different parts of the canvas) and rotate gradients (where applicable - linear and conic gradients only). domain purchased!

May 10, 2021
Today we bought the "" domain, which will be used together with the "gra" subdomain to make "GradientArt" (we wanted to buy but that was wayyy beyond our budget...)

Added support for conic & radial gradients

May 4, 2021
You can now select conic and radial gradient types in the gradient properties panel.

New tools added: Resize & Move

Apr 28, 2021
You can now resize and move gradients in the canvas area.

Added a new "editor" page

Apr 20, 2021
We now have a basic gradient editor in place. You can add/remove gradient layers with color stops, and see your design in the canvas area.

Development begins today!

Apr 18, 2021
Today we officially started developing GradientArt! We created a repo with a basic Next.js project, and connected it to Vercel.

Came up with the idea

Apr 10, 2021
I came across this great article on CSS tricks about drawing with gradients - and was intrigued immediately. I later came across where I saw people create unbelievable illustrations using CSS gradients, and I saw the amazing potential behind this technique. But designing such illustrations with just code is difficult and time-consuming, so I thought why not create a visual editor for it? And that's how Gradient Art came to be :)