sssurface
generate SVG balls that look 3D

🎈 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.