Those are excellent! The orange shingles are my favorite. Though I think some of them are not working on Firefox; the blue and green vortices are rendered as a single blue rectangle and a single green hexagon.
I wonder how people are using them in a way that is not distracting to the main content. I've found that high-frequency patterns (small details with sharp transitions) can be a bit distracting, but I haven't found a good solution that doesn't compromise the beauty of the backgrounds.
I think it’s kind of common to have the background for the whole document and then have an overlay with a solid color (and maybe less-than-100% opacity if you’re daring) on which the main content with all the text is shown. This works best for browser that are full screen on PC screens of course where you want to limit text width anyways. On mobile or narrow windows, you don’t have a lot of space to show the background.
I'm a sucker for this kind of stuff, but I'm usually disappointed after clicking the link. These on the other hand are excellent, and that they have configurable options like stroke, color, etc is gravy on the top. Thanks for sharing!
The SVG code is well written. It is neither Adobe bloat-spam-slop and neither is it overly SVGOMG'd.
For picky SVG people you could have some easy way to present the code. Only a minority value quality SVG, artworkers do not look at SVG code and coders just see SVG as 'assets' from the artworker. SVG therefore has not evolved to a full art form.
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.
Those are excellent! The orange shingles are my favorite. Though I think some of them are not working on Firefox; the blue and green vortices are rendered as a single blue rectangle and a single green hexagon.
I wonder how people are using them in a way that is not distracting to the main content. I've found that high-frequency patterns (small details with sharp transitions) can be a bit distracting, but I haven't found a good solution that doesn't compromise the beauty of the backgrounds.
I think it’s kind of common to have the background for the whole document and then have an overlay with a solid color (and maybe less-than-100% opacity if you’re daring) on which the main content with all the text is shown. This works best for browser that are full screen on PC screens of course where you want to limit text width anyways. On mobile or narrow windows, you don’t have a lot of space to show the background.
I am very confused by the comments, they seem too excited for this... Are they real or paid bots? If they are real, kudos to OP
It may also be that I am just comment AI paranoid, but yeah, I find myself a lot guessing if there's a person behind a comment or not
The notice about having "access" to the backgrounds is sticky, and takes up one third of the screen on mobile with no way to remove it . . . Why?
You have access. Enjoy!
Edit: upon further investigation, access isn't something that's just thrown around willy nilly! It usually goes for $120/yr!
Great idea man, must be pulling in some good SEO traffic as well.
Yes, I was lucky enough to find a keyword domain that was available. Would recommend :)
These are beautiful, thank you for sharing. I really like the one with the triangles, was it inspired by Rule 30?
https://en.wikipedia.org/wiki/Rule_30
Each one can be copied as inline SVG or CSS using the background-image property with a data URI. Most are under 1KB.
This is top notch, great work!
This is very cool but hasn’t it been around for like a decade?
This rocks. Thank you!
Glad you think so, you're welcome, enjoy!
this is exactly what i needed
I'm a sucker for this kind of stuff, but I'm usually disappointed after clicking the link. These on the other hand are excellent, and that they have configurable options like stroke, color, etc is gravy on the top. Thanks for sharing!
What is your authoring tool for SVG?
The SVG code is well written. It is neither Adobe bloat-spam-slop and neither is it overly SVGOMG'd.
For picky SVG people you could have some easy way to present the code. Only a minority value quality SVG, artworkers do not look at SVG code and coders just see SVG as 'assets' from the artworker. SVG therefore has not evolved to a full art form.
What's the license?
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.