Image of ShareLaTeX project window viewed in Firefox.

Top bar: [menu button] [back to projects button] Example Project [share button] [recent changes button] [chat button]

Left-most panel: Menu bar: [new file button] [new folder button] [upload button] [rename button] [delete button]

[file image] main.tex [drop-down widget]

Middle panel: contains the source code with line numbers, syntax highlighting and wiggly red lines under words that aren't in the spelling dictionary.

\documentclass[12pt]{article}

\usepackage[T1]{fontenc}
\usepackage[utf8]{inputenc}
\usepackage{lmodern}

\title{Example Project}
\author{Nicola Talbot}

\begin{document}

\maketitle

\begin{abstract}
This is an example document. Modified: \pdfcreationdate.
\end{abstract}

\section{Sample Section}
\label{sec:sample}

This is an example section.

\section{Another Section}
\label{sec:another}

This is another section with a cross-reference to
section \ref{sec:sample}.

\end{document}
Right-most panel: menu bar: [Recompile button] [logs and output files button] [download PDF button] [full screen button]

Image of document.

Between the panels are widgets that allow you to hide a panel. Between the middle and right panels are SyncTeX arrow buttons.