A workspace for documenting software projects

Describe how anything works and show the relevant code on the same page, using Live Views from your codebase, and much more!

Live Code ViewsConnect your notes to your code, and vice versa.

Embed live views of your code right in the middle of your notes. Jump into your favorite editor, or the other way round. Just need to do a small edit ? Click into the view and transition like magic into a full-page editor, without leaving your note.


Any feature of your application most likely involves multiple portions of code, spread across multiple files. Code comments don't let you draw the big picture, and using a separate documentation is cumbersome and nearly impossible to maintain.

With Live Code Views, you are now able to document your project in a rich-text editor and insert live, editable views of your codebase right into your notes.

 Watch Live Code Views in action

Sequence DiagramsA bird's eye view of your code...

CodeStory pushes the well-known sequence diagrams to the next level with rich content and Live Code Views popovers.

Real world examplesYour code is sophisticated, not complicated!

You'll be amazed to see that your documentation doesn't need to be verbose: using Live Code Views, code simply untangles itself..