GradientMagic
Dev tools
css gradient gallery
SHOW HN2020
259points
38comments
#180of 3,028 in 2020
Top 6%of 2020 by points
How HN took it
CuriousMostly questions and neutral comments
7 positive, 12 neutral or asking, 0 mixed, 2 critical, out of 21 comments about the project. Thread score +0.20.
Performance: 1 for, 2 againstExecution: 1 for, 0 againstIdea: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Beautiful, useful resource that commenters bookmarked or used in projects
From 4 comments
Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced…
mindvirus on HNThis is so sick! I just swapped out my background images on https://classroom.qvault.io/ for some of these gradients. Loads way faster AND looks better now. Thanks for sharing :)
lanecwagner on HNThat's really nice! I bookmarked it. Thanks for sharing it.
ChrisMarshallNY on HNFantastic job, thanks for sharing!
slig on HN
Objections
Subscriptions unlikely to work for one-time gradient needs
From 2 comments
Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced…
mindvirus on HNIn NYC. That's a fair point - thinking in terms of annual access makes more sense. For me it's more adversion to subscriptions for things I use once. I'm always happy to pay for…
mindvirus on HN
Heavy CSS gradients may hurt scroll performance
From 1 comment
Are not these much heavier than SVG image backgrounds? I tested by putting five backgrounds into my real web project and scroll does not seem smooth anymore.
adontz on HN
Chrome renders antialiasing poorly on these gradients
From 1 comment
Unfortunately Chrome doesn't do antialiasing on these constant-interpolation gradients. The bug is less noticeable here with low-contrast color pairs, but leaves ugly diagonals…
xingyzt on HN
Requests
Download gradients as images
From 2 comments
As I opened this on my phone I thought that these would make a nice background image. While I recognize that the whole premise is that CSS gradients are better suited than images…
kejaed on HNGreat idea! I've considered adding an option to download individual gradients as an image, but I haven't thought about that as the primary focus. Certainly the number of people…
jordanmarshall on HN
Show CSS inline on the page
From 2 comments
Just one suggestion: showing the CSS inline would be helpful. Admittedly I only bounced around for like 30 seconds, but I didn't see a way to show CSS on the page.
nitrogen on HNGreat resource, thanks for making it! One bit of feedback; it would be nice if there was a way to view the CSS within the site – and dynamically updated as you edit a gradient –…
Cyphase on HN
Export to non-CSS formats like Flutter, Android, iOS, SVG
From 3 comments
Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced…
mindvirus on HNMy two cents would be to stay focused - there are a ton of general image search resources online. unsplash.com for example seems hard to beat. One place to consider expanding to…
mindvirus on HNYeah, thats my concern with subscriptions as well. I'm not sure many people would need to come back that often. Maybe more premium features (like what you highlight below) would…
jordanmarshall on HN
Programmatic API for gradients
From 1 comment
My current go-to resource for gradients is https://uigradients.com. One feature I'd personally appreciate is a programmatic interface for getting a list of gradients, it's handy…
ctippett on HN
Questions
Is it worth monetizing and how?
From 1 comment
Hey HN! GradientMagic is a side project that I launched roughly a year ago. It’s a large gallery of unique CSS gradients. You can browse the different patterns and copy the CSS…
jordanmarshall on HN
Does it work across browsers and how is performance?
From 1 comment
These are awesome! Will use this on my next project! Do these work on all browsers? And how's the performance?
blisseyGo on HN
Alternatives named
uigradients.com
From 1 comment
My current go-to resource for gradients is https://uigradients.com. One feature I'd personally appreciate is a programmatic interface for getting a list of gradients, it's handy…
ctippett on HN
colors.lol
From 1 comment
Common way to monetize sites like yours is ads via Carbon, eg https://colors.lol/ Another more lucrative but laborious way is to use this site as an ad for contract work. Just…
Evan_Hellmuth on HN
Subtle Patterns
From 1 comment
I wonder how many people here remember Subtle Patterns. Eventually it was acquired by Toptal. Always interesting how times change.
andrewmcwatters on HN
unsplash.com
From 1 comment
My two cents would be to stay focused - there are a ton of general image search resources online. unsplash.com for example seems hard to beat. One place to consider expanding to…
mindvirus on HN