Published · Chrome & EdgeWebPen
Make the internet your scratchpad.
A browser annotation extension for drawing, marking up, and thinking directly on the web. Published on both the Chrome Web Store and Microsoft Edge Add-ons.
WebPen reached over 100 users in its first month, including people in the US, UK, South Korea, and Ireland, with zero marketing spend. A small tool that travelled further than my desk.
Why leave a webpage to explain what is on it?
WebPen turns the page you are already reading into a drawing surface, so an observation can become a visible mark immediately.
Draw on the page
Freehand marks, highlights, colors, and brush sizes directly over a webpage.
Keep the context
A movable toolbar and eraser support quick annotations without rebuilding the page in another app.
Take it with you
Save the annotated view as a PNG and share the explanation along with the content.
A thought is easier to explain when you can point at it.
A webpage can be a reference, a draft to review, a lesson, or something you simply want to remember. WebPen adds a lightweight annotation layer to that existing context. Circle the part that matters, highlight a line, or sketch an explanation without first moving the material into a separate editor.
The published extension offers pens, adjustable brush sizes, an eraser, and Clear All. Its toolbar can be moved around the page. The basic workflow does not require an account, which keeps the distance between installing the tool and making the first mark short.
A small overlay with a complete workflow.
WebPen is a JavaScript browser extension built around a canvas overlay and a Manifest V3 extension structure. The extension interface activates the tools; the page layer handles drawing; screenshot capture turns the marked-up view into a portable output.
The product’s design problem is balancing annotation with the webpage underneath it. Tools need to stay within reach, marks need to remain understandable, and the user needs an obvious way to erase, clear, or save. The store listing includes a free color palette and an expanded premium palette, keeping the core drawing workflow easy to try.
A focused tool that travelled beyond my desk.
WebPen is published on both the Chrome Web Store and Microsoft Edge Add-ons. Building both release paths makes the same idea available in the browsers people already use, with a recognizable product identity and screenshots explaining its purpose before installation.
The early result was over 100 users in the first month, with users reported in the US, UK, South Korea, and Ireland, and no marketing spend. Those are founder-reported launch figures. The lesson is the value of a clear, narrow utility: someone can understand what it does from a single annotated page.
How it comes together.
Open a page
Begin with the article, reference, or interface you want to explain.
Activate WebPen
Bring the drawing tools onto the page and position the toolbar.
Make your point
Draw, highlight, adjust the brush, or erase a mark.
Save the context
Export a PNG of the annotated view for later reference or sharing.
A closer look.
Explore the interface, the work, and the details behind it.
Small scope. A complete useful action.
WebPen follows one thought all the way through: notice something, mark it, and save an explanation someone else can understand.