generate SVG balls that look 3D
🙌 If you'd like to support fffuel, you can make a small donation via ko-fi. Your support really makes a difference!
🎈 Generate SVG balls/circles that look and feel 3D, as if they are real-world surfaces being hit by light. Just select a color, than adjust the settings for the highlight, dark area and shadow.
🌈 Behind the scenes, this generator makes use of the SVG radialGradient element , as well as of Chroma.js, which provides easy functions for coming up with lighter and darker shades of the selected color.
😎 The result is an SVG file that contains a 2D image of a circle that feels 3D. Use the generated SVGs to add a pop of dimension and real-world feel to your designs.