After weeks of building, refining, and testing, I'm excited to share FRAMERDEVV Canvas, my submission for the Framer 3.0 Agents Hackathon.
What started as a simple drawing experiment has evolved into a full-featured canvas experience built entirely in Framer.
👉 Show your support here: Canvas
Features
✏ Freehand Drawing
🧽 Eraser Tool
🔦 Laser Pointer
📐 Shape Tools
⬜ Rectangle & Square
⚪ Circle & Ellipse
📏 Line & Arrow
🔺 Triangle
💎 Diamond
⬡ Hexagon
❤ Heart
🎨 Smooth Catmull-Rom Stroke Smoothing
✍ Pressure Sensitivity Support
📱 Touch & Mobile Optimized
🖊 Stylus / Pencil Support
👆 Finger-Only Drawing Mode
↔ Selection & Editing Tools
⚡ Real-Time Rendering
The project has now grown to ~6000 lines of code, and every feature was designed with performance and usability in mind.
Building advanced creative tools inside Framer has been an incredible challenge, and I'm excited to continue pushing the boundaries of what's possible on the platform.
I'd love to hear your feedback, suggestions, and feature requests!
❤ If you like the project, feel free to leave a like and comment.
#Framer #Framer3 #AgentsHackathon #FramerDevv #Canvas #DesignTools #CreativeCoding #WebApp #BuildInPublic
