sssurface
generate SVG balls that look 3D
🦄 Let me help you make your website or landing page better. I'll review your website for improvement opportunities in terms of layout, design, performance, on-site SEO & marketing message
↓
✨ Show me how to improve my website📈 I'm using Fathom Analytics, a simple privacy-focused website analytics service. I've been really happy with it over the years and really glad I made the switch.
✨ Try it out free for 7 days, plus get an additional $10 credit by using my affiliate link.
🙀 I'll receive a commission if you decide to continue using Fathom, so you'll be helping support fffuel at the same time.
about sssurface
🎈 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.