dddraw
freehand SVG drawing tool
brush selection ↷
π¦ 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 dddraw
ποΈ Just a little app to freehand draw some SVGs that have a hand-drawn feel. Simply pick a color, brush style and brush size, and then start drawing fun shapes and doodles that you can export as SVG. A smoothing will be applied to your strokes, which makes it easy to draw smooth lines. Some of the brushes apply more smoothing than others.
Note that when working with gradient colors, only one gradient for the entire drawing will be applied. When working with solid colors instead, you can add brush strokes of various colors to your drawing.
π§ The final SVGs can become quite complex, so I'd recommend running your exported SVGs through a tool like SVGOMG to optimize the final output.
πππ This tool is made possible thanks to the Two.js library by Jono Brandel, and the perfect-freehand library by Steve Ruiz.