Save & share
edits to any
website

Mod&Dot turns DevTools into a rapid design & content collaboration tool. Redesign anything. Show copy edits. Share ideas. All in your browser.

Join Now

Watch the Demo

For everyone who works on websites

Designers

Design, prototype, & explore in your browser. Send edits to your team in a useful format.

Coders

Unleash your creative side in a tool you’re already comfortable with—code!

Writers

Show copy edits & content strategy in context on live websites.

Web Professionals

Contribute without learning fancy design or coding tools. Get your hands dirty!

A pinch of Invision, a dash of Github. A new tool that works the way you do.

Everyone uses DevTools to try out ideas. Mod&Dot lets you save and share those ideas using a browser extension, then view them online like a mix of Invision and Github:

  • Track all HTML & CSS changes from DevTools
  • Save & reapply changes if you refresh or close the page
  • Take before & after screenshots automatically
  • Comment & discuss on top of the edited page
  • View a code diff of all HTML & CSS changes
  • View original line numbers from CSS preprocessors

Now everyone is a design unicorn.

With Mod&Dot, you don't have to know Git or advanced coding to work on a site after it's gone live—basic html & css are more than enough. Mod&Dot lets you work right in DevTools, so you can hack things apart, experiment, and focus on the visual aspects instead of code quality.

How It Works

1. Save DevTools Edits

Modify a website in DevTools. The Mod&Dot Chrome extension saves your edits, both html & css.

2. Publish a Project Link

When you're done editing, publish to a private link to share with your team. Mod&Dot takes before & after screenshots.

3. Share & Discuss

Your team opens the project link to see your edits. Anyone with the link can add comment dots on top of the design.

4. See What Changed

Includes a code diff view so developers know exactly what changed and can use it during implementation.

Countless new
ways to make
the web better.

Join Now

Provide design direction during development.

Get client feedback on an existing webpage.

Prototype & explore ideas on any site.

Send a friend design or content suggestions.