visiwig
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Tuesday March 24, 2026 @11:22PM (#47512854)
I'm not familiar with, and have not tried, any of the Jetbrains tools.
When you say psuedocode, are you talking ::before ::after or something else? I've used svg icons on elements as background-image DataURIs -- probably similar if not the same thing. Yes I know who Lea Verou is and she's influenced one of my SVG tools I've released.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:02PM (#47441648)
cool, hope you find something useful!
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:02PM (#47441642)
Fair, I was fine going this direction because you're a click a way from get the full view and with the hover there isn't much more "preview" to show. My number one priority with the hover was making it obvious the given thumb is interactive.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @11:56AM (#47441547)
Thanks, I've designed a few UIs for manipulating graphics and spent a few tries iterating and improving this one in particular. There was a need to show as much background as possible, sometimes the limitations lead to some creative choices. I'm quite pleased how it came out myself.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @11:18AM (#47440973)
Thank you!
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:58AM (#47435147)
You're welcome. Glad you found something useful!
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:57AM (#47435132)
No I've never heard about Rule 30, I would have been nervous to click that link if it wasn't leading to a Wikipedia article, phew, but the concept is quite cool and inspiring. Thanks for sharing that with me!
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:51AM (#47435088)
Much appreciated, always nice to hear that :)
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:48AM (#47435073)
Hey thanks, I didn't pay for bots, unsure how to prove that though.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:27AM (#47434931)
Hey great eye. I generally design in Illustrator with a plugin by Astute graphics that allows me to reduce unnecessary anchor points, run the exported SVG through SVGOMG, and then spend solid time hand coding each background in VS Code with the SVG extension by Jock that let's me see a live preview. Then on the actual site the customizer script I wrote will catch some attributes that aren't needed and remove them, but it's far from perfect.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:18AM (#47434888)
Glad I shared at the right time :)
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:18AM (#47434887)
Thanks for the kind words! I've played around a lot with SVG and love how you can change various attributes to achieve cool effects.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:16AM (#47434880)
Hey thanks!
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:16AM (#47434874)
Good memory. I launched in 2018 (8 years ago) and have been adding more graphics over the years -- doubling this specific collection / freebies.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Thursday March 19, 2026 @12:12AM (#47434856)
Hmmm, that doesn't sound right. Do you mind reaching out to me via the contact form and dropping any more details such as device/browser? BTW, each background does have name, but I hide that on mobile since real estate is limited.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @11:59PM (#47434771)
I took a look at FireFox and I think it's working, but not obvious that you need to slide the top range slider for the full effect. It would look better if I reversed the effect, I'll have to rethink that.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @11:56PM (#47434742)
Fair point. Once you click a thumb to preview the button, it becomes the UI to manipulate the backgrounds. I'll take a look and rethink the setup.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @11:52PM (#47434713)
Solid point, I used to do this, and it wouldn't be hard to go back or add a show code button so users can copy the CSS as text.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @03:54PM (#47430622)
Yes, I was lucky enough to find a keyword domain that was available. Would recommend :)
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @03:32PM (#47430374)
Glad you think so, you're welcome, enjoy!
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @12:18PM (#47427662)
The license can be found here: svgbackgrounds.com/license
Summary: You can use graphics in personal or commercial projects, you cannot use the graphics as the primary integrity of your product, you must provide attribution (svgbackgrounds.com/attribution)
And before anyone rips off my head, attribution can be placed inside commented out code, so it doesn't need to take away from your design.
Re:Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
on Wednesday March 18, 2026 @11:50AM (#47427300)
Each one can be copied as inline SVG or CSS using the background-image property with a data URI. Most are under 1KB.
Show HN: I revived an unfinished vector image generator by turning to Cursor
Over a year ago, I tried building a system to generate single-color vector images and publish them to a website. It involved generating images, converting them to vectors, and automating the uploads — but as a web dev I ran into learning curve after learning curve: Python, Stable Diffusion, vector libraries, even scripting Adobe Illustrator (which has almost no usable documentation).Eventually,...
Show HN: I built a shape divider generator
https://www.svgbackgrounds.com/tools/shape-dividers/
I’d like to share this tool I built for creating section dividers for websites.The UI lets you customize the top and bottom shapes of your container and adjust their height and width. The generator includes 40 SVG divider shapes, or you can add your own custom SVG designs.It uses Andrew Walpole’s CSS mask technique, allowing any design or photo to be used as the background. The tool outputs 30+...
Re:SVG Backgrounds
on Tuesday March 21, 2023 @01:21PM (#35249367)
"Can I still use the backgrounds I already installed?"
— Yes, you just can't save/download backgrounds for future use.
"If I pay monthly, I want at least monthly updates."
— Great point and I'm trying to get better about this. The bulk of my income is from freelancing, but as SVG Backgrounds grows I'm carving out more time to make improvements and add new graphics. One day, I hope to be able to make the site my sole focus.
Pricing: If you're curious, I explained my choice in detail here: https://www.svgbackgrounds.com/why-our-design-assets-are-pri...
Re:SVG Backgrounds
on Tuesday March 21, 2023 @12:53PM (#35248954)
Sure, some only have a need for a background or two, others have ongoing needs.
In your case at $10 per image, wouldn't a $15/month subscription be a good value if you got 2+ images (a value of $20+) — assuming you cancel before being rebilled?
Or are you saying, regardless of value, having to cancel isn't worth the hassle?
Re:SVG Backgrounds
on Tuesday March 21, 2023 @12:25PM (#35248459)
Nope, you don't lose the license.
Once your subscription ends, you can keep all the backgrounds you added in your projects, BUT you can't add new backgrounds to new projects.
Re:SVG Backgrounds
on Tuesday March 21, 2023 @11:58AM (#35248056)
Fair enough, I understand not everyone will think the price is reasonable.
However, I'd point out that one single comparable image from iStock costs $12 to $33, while $15 with SVGBackgrounds.com will get you unlimited backgrounds for unlimited projects in a single month.
If you have one or two website projects in a given month and use a total of 2 or more backgrounds — you get better value.
PS: I built the site and all the backgrounds, here's an in-depth article on pricing that I wrote a while back: https://www.svgbackgrounds.com/why-our-design-assets-are-pri...
Re:SVG Backgrounds
on Tuesday March 21, 2023 @11:39AM (#35247762)
Thanks for reporting the bug Quartz. I'll have to look into this.