Design, prototype, & explore in your browser. Send edits to your team in a useful format.
Unleash your creative side in a tool you’re already comfortable with—code!
Show copy edits & content strategy in context on live websites.
Contribute without learning fancy design or coding tools. Get your hands dirty!
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:
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.
Modify a website in DevTools. The Mod&Dot Chrome extension saves your edits, both html & css.
When you're done editing, publish to a private link to share with your team. Mod&Dot takes before & after screenshots.
Your team opens the project link to see your edits. Anyone with the link can add comment dots on top of the design.
Includes a code diff view so developers know exactly what changed and can use it during implementation.
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.