SiteDesign Tools & Generators · SVG generators (fffuel)
Encodes SVG markup to Base64 or URL-encoded form for use in CSS background-image.
Why it’s a gem
One of ~70 razor-focused SVG generators from a single maker; each solves one design problem completely
Generates custom colour palettes from a chosen base colour, with exportable swatches and copyable CSS variable output.
SVG arrow maker for hand-drawn and geometric pointer shapes with adjustable curvature.
Generates SVG spiral wave shapes with adjustable turns, stroke thickness and taper, useful as decorative background art.
Library of AI-generated 3D shape renders, free to download and drop into layouts.
HEX, RGB and HSL colour picker with harmony suggestions and copyable CSS values.
Claymorphism-style emoji maker producing soft 3D clay emoji as downloadable artwork, with adjustable colour and lighting.