Draw on any webpage. Share thoughts. Move ideas.

Overview

Markup lets you draw on any webpage with a variety of tools to express your thoughts, make a point, or share ideas. Once you Get Markup, you can draw any time by clicking your bookmarklet or using your native browser extension. When the toolbar loads, start drawing. Publish to share your thoughts with others.

Get Markup

There are several ways you can install Markup. The easiest way is to drag the bookmarklet below to your bookmarks bar.

Drag to bookmarks bar.

or use the chrome extension

get the chrome extension

Browser Support

Markup is designed to work with most popular browsers. If your browser isn’t listed here, let us know.

	chrome	firefox	safari	opera	ie
	5 +	3.6 +	4 +	11 +	8
Supported				soon
Extension / Add-on		soon	soon	n/a	n/a

Magic Marker

The Magic Marker tool is Markup’s swiss army knife; use it to draw freeform lines, or — with just a little practice — create any of the other shapes with it. Draw a Box or a Circle, and it’ll transform into a geometrically correct one; draw a Line, and it’ll straighten out. You can even make arrows by drawing a straight line, and hooking back at one end like a check mark.

Box

Use the Box tool to draw a rectangular outline. To use: click-and-hold at one corner, then drag diagonally to the opposite corner, and release.

Circle

Use the Circle tool to draw an elliptical outline. To use: click-and-hold at one corner, then drag diagonally to the opposite corner, and release. (Imagine that you’re using the Box tool to draw an invisible box that the circle squeezes into.)

Line

Use the Line tool to draw a straight line. To use: click-and-hold where the line should start, drag to where it should end, and release.

Arrow

The Arrow tool works like the Line: click-and-hold where the tail should start, drag to where arrow should point, and release.

Text

The Text tool has two slight variations: In the first, just click anywhere on the page and start typing. In the second, click-and-drag a box (just like with the Box tool), and then start typing. Press [escape] when you’re done. The first variation is best for just a few words, while the second is better for longer texts, or when the background page is visually busy.

Colors

You can change the Color that you’re marking in at any time by first making sure you don’t have anything selected, and then choosing a color in the toolbar. You can also change the Color of a single mark by first clicking on the mark to select it, and then choosing a new color.

Size

Use the Size selector to change the line thickness of marks, or to change the size of Text. You can choose a Size for your next mark by first making sure you don’t have anything selected, and then choosing a size in the toolbar. You can also change the size of a single mark by first clicking on the mark to select it, and then adjusting its size in the toolbar.

Rearranging

To move a mark around on the page, just click-and-drag it to wherever you want it. You can perform either one of these actions on more than one mark at the same time by holding down the [shift] key while clicking on them to select more than one. To deselect mark(s), just click in empty space.

Deleting

To delete a mark, first click on it to select it, then press the [delete] or [backspace] key on your keyboard.

Keyboard Shortcuts

Markup has convenient keyboard shortcuts to ease the process of marking up, including [ctrl+z] / [cmd+z] and many others. Most of them will feel familiar to those who’ve used popular graphics software. You may view the full list of keyboard shortcuts any time you’re using Markup by pressing [shift+?] on your keyboard.

Publish

Finished marking up? The next step is to Publish. Simply click the Publish button located at the right of the Markup Toolbar. The Info Window will appear. Click a drag the green slider to publish your Markup. Once it’s published, you’ll have a unique Markup url that you can share.

Reply

Have you received a Markup and want to respond? All you have to do is click the Respond button located at the top right of the Markup Toolbar, and then decide if you want to Keep Marks (don’t erase original marks) or Start Fresh (erase original marks). Now you’re ready to start marking up. When you are finished, just publish as normal.

Privacy

All markups are currently public. They aren’t displayed in a timeline or indexed in a public list, but anyone that has a markup’s unique URL can view it. Guessing a URL is fairly unlikely, so people probably can’t find your markups unless you share the URL.

You may request deletion of a markup by emailing support@markup.io and providing the unique URL with the subject “Request Deletion”.

Bugs

Found a bug? Sorry. Markup is still in its early stages. We’re working hard to add features and squash the bugs. Markup has an integrated bug reporter. It’s located at the bottom of the Info Window

Can’t get to the Info Window? Email us at support@markup.io and we’ll try to get it straightened out for you.

Ideas & Suggestions

Have feature ideas or suggestions about Markup? Just checkout the UserVoice forum. We're listening and always trying to improve things.

Contact Us

Any of questions or comments? Just get in touch with us with one of the methods listed on the contact section of the about page. Thanks!