A full MS Paint style drawing app, built as a single component with Framer 3.0 agents. Draw, erase, drop shapes, add text, pick any color you want, and invite a friend to draw with you live on the same canvas.
I wanted something hands-on rather than something you just look at, and a paint app felt like a good fit for that. It needed a lot of pieces working together at once: brushes, shapes, fills, color, history. If all of that holds up under real use, it says something about what's possible in Framer.
A bottom toolbar handles cursor, brush, eraser, shapes (rectangle, ellipse, line, arrow), text, and fill, with full undo and redo plus PNG export. Next to it sits a proper color tool: HSV picker, hex and RGB input, eyedropper, custom swatches. The whole thing is one component, with canvas, toolbar, and color state all wired together so switching tools never feels disjointed.
The standout part is multiplayer. Hit share, send the link, and whoever opens it is drawing on your canvas in real time, no backend required.
Rather than building tool by tool from scratch, I leaned on agents to iterate piece by piece: getting the color picker's drag behavior right, fixing shape previews so they didn't flicker, making sure undo and redo still worked once text and fills entered the picture.
What stood out was how well agents handled the less visual parts, like canvas coordinate math, pointer scaling, and history stacks, not just the UI layer. It made tackling something this interaction heavy in Framer feel a lot less daunting.
A full MS Paint style drawing app, built as a single component with Framer 3.0 agents. Draw, erase, drop shapes, add text, pick any color you want, and invite a friend to draw with you live on the same canvas.
I wanted something hands-on rather than something you just look at, and a paint app felt like a good fit for that. It needed a lot of pieces working together at once: brushes, shapes, fills, color, history. If all of that holds up under real use, it says something about what's possible in Framer.
A bottom toolbar handles cursor, brush, eraser, shapes (rectangle, ellipse, line, arrow), text, and fill, with full undo and redo plus PNG export. Next to it sits a proper color tool: HSV picker, hex and RGB input, eyedropper, custom swatches. The whole thing is one component, with canvas, toolbar, and color state all wired together so switching tools never feels disjointed.
The standout part is multiplayer. Hit share, send the link, and whoever opens it is drawing on your canvas in real time, no backend required.
Rather than building tool by tool from scratch, I leaned on agents to iterate piece by piece: getting the color picker's drag behavior right, fixing shape previews so they didn't flicker, making sure undo and redo still worked once text and fills entered the picture.
What stood out was how well agents handled the less visual parts, like canvas coordinate math, pointer scaling, and history stacks, not just the UI layer. It made tackling something this interaction heavy in Framer feel a lot less daunting.
