> ## Documentation Index
> Fetch the complete documentation index at: https://resources.latex-cloud-studio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting Started with LaTeX Cloud Studio

> Quick start guide for LaTeX Cloud Studio. Learn how to create your first document, use templates, and navigate the interface in minutes.

Welcome to LaTeX Cloud Studio! This guide will help you get started with our powerful cloud-based LaTeX editor and create your first professional document in minutes.

<Info>
  **Already know LaTeX?** Jump to [Creating Your First Document](#creating-your-first-document). New to LaTeX? Start with our [LaTeX in 30 minutes](/learn/latex-in-30-minutes) tutorial after this quick start guide.
</Info>

<Info>
  **Canonical product docs**: For current app behavior, use the [Product Docs overview](/product). This guide is the quickest path to first value; the Product Docs section covers deeper operational workflows.
</Info>

## What is LaTeX Cloud Studio?

LaTeX Cloud Studio is a powerful, cloud-based LaTeX editor that provides:

<CardGroup cols={2}>
  <Card title="No Installation Required" icon="cloud">
    Access LaTeX anywhere with just a browser - no software to install or maintain
  </Card>

  <Card title="Real-time Collaboration" icon="users">
    Work together with teammates in real-time, like Google Docs but for LaTeX
  </Card>

  <Card title="Professional Templates" icon="file-text">
    Start with ready-made templates for articles, presentations, CVs, and academic papers
  </Card>

  <Card title="Instant Compilation" icon="bolt">
    See your PDF output instantly as you type with our fast cloud compiler
  </Card>
</CardGroup>

## Creating Your First Document

### Step 1: Access LaTeX Cloud Studio

1. Navigate to [LaTeX Cloud Studio](https://app.latex-cloud-studio.com/?utm_source=resources\&utm_medium=inline_link\&utm_campaign=docs_open_app\&utm_content=cloud_studio_step1)
2. Sign up for a free account or log in if you already have one
3. Click **"New Project"** to get started

### Step 2: Choose a Template

<Tabs>
  <Tab title="Code">
    <CodeGroup>
      ```latex article-template.tex theme={null}
      \documentclass{article}
      \usepackage[utf8]{inputenc}
      \usepackage[T1]{fontenc}
      \usepackage{amsmath,amsfonts,amssymb}
      \usepackage{graphicx}
      \usepackage[margin=1in]{geometry}

      \title{Your Document Title}
      \author{Your Name}
      \date{\today}

      \begin{document}

      \maketitle

      \section{Introduction}

      Welcome to your first LaTeX document! You can start writing your content here.

      \section{Getting Started}

      LaTeX Cloud Studio makes it easy to create professional documents. Simply:

      \begin{enumerate}
      \item Write your content using LaTeX markup
      \item The PDF updates automatically
      \item Download or share when ready
      \end{enumerate}

      \section{Math Example}

      LaTeX excels at mathematical expressions:

      \begin{equation}
      E = mc^2
      \end{equation}

      \section{Conclusion}

      You're now ready to create amazing documents with LaTeX Cloud Studio!

      \end{document}
      ```
    </CodeGroup>
  </Tab>

  <Tab title="Rendered output">
    <div className="latex-preview-shell">
      <div className="latex-preview-paper">
        <p className="latex-preview-title">Your Document Title</p>
        <p className="latex-preview-subtitle">Your Name</p>
        <p className="latex-preview-meta">April 2026</p>
        <p className="latex-preview-section-title">1 Introduction</p>
        <p className="latex-preview-paragraph">Welcome to your first LaTeX document! You can start writing your content here.</p>
        <p className="latex-preview-section-title">2 Getting Started</p>

        <ol className="latex-preview-numbered-list">
          <li>Write your content using LaTeX markup</li>
          <li>The PDF updates automatically</li>
          <li>Download or share when ready</li>
        </ol>

        <p className="latex-preview-section-title">3 Math Example</p>
        <p className="latex-preview-center latex-preview-size-large">E = mc^2</p>
        <p className="latex-preview-section-title">4 Conclusion</p>
        <p className="latex-preview-paragraph">You’re now ready to create amazing documents with LaTeX Cloud Studio.</p>
      </div>
    </div>
  </Tab>
</Tabs>

### Step 3: Start Writing

1. **Replace the title and author** with your information
2. **Edit the content** - replace the example text with your own
3. **Watch the PDF update** in real-time as you type
4. **Use the toolbar** for common formatting options

<Tip>
  **Pro tip**: Use `Ctrl+S` (or `Cmd+S` on Mac) to manually save your work, though LaTeX Cloud Studio auto-saves every few seconds.
</Tip>

## Interface Overview

### Main Editor Components

| Component           | Description               | Location     |
| ------------------- | ------------------------- | ------------ |
| **File Explorer**   | Browse your project files | Left sidebar |
| **Code Editor**     | Write your LaTeX source   | Center panel |
| **PDF Preview**     | Live preview of output    | Right panel  |
| **Compiler Output** | Error messages and logs   | Bottom panel |

### Key Features

#### Real-time Preview

Your PDF updates automatically as you type. No need to manually compile!

#### Syntax Highlighting

LaTeX commands are color-coded to help you write error-free code.

#### Error Detection

Errors are highlighted in red with helpful descriptions in the output panel.

#### Auto-completion

Start typing LaTeX commands and get intelligent suggestions.

## Quick Start Templates

Choose from our professional templates to get started immediately:

<CardGroup cols={2}>
  <Card title="Academic Article" icon="graduation-cap">
    Perfect for research papers and journal submissions

    * IEEE, ACM, and custom formats
    * Bibliography support
    * Mathematical equations
  </Card>

  <Card title="Business Report" icon="chart-line">
    Professional reports and documentation

    * Executive summary layouts
    * Charts and graphs
    * Company branding options
  </Card>

  <Card title="Presentation" icon="presentation-screen">
    Create stunning slides with Beamer

    * Multiple themes available
    * Animations and transitions
    * Speaker notes support
  </Card>

  <Card title="CV/Resume" icon="id-card">
    Professional CVs and resumes

    * Academic and industry formats
    * Multiple column layouts
    * Contact information templates
  </Card>
</CardGroup>

## Essential LaTeX Basics

### Document Structure

Every LaTeX document follows this basic structure:

<Tabs>
  <Tab title="Code">
    <CodeGroup>
      ```latex basic-structure.tex theme={null}
      \documentclass{article}          % Document type
      \usepackage{package-name}        % Additional features

      % Preamble - document settings go here

      \begin{document}
      % Your content goes here
      \end{document}
      ```
    </CodeGroup>
  </Tab>

  <Tab title="Rendered output">
    <div className="latex-preview-shell">
      <div className="latex-preview-paper latex-preview-paper--narrow">
        <p className="latex-preview-meta">Compiled result of this exact skeleton</p>

        <hr className="latex-preview-rule" />

        <p className="latex-preview-paragraph latex-preview-center">This template compiles to an empty page until you add visible content inside the document body.</p>
      </div>
    </div>
  </Tab>
</Tabs>

### Common Formatting

<Tabs>
  <Tab title="Code">
    <CodeGroup>
      ```latex formatting-examples.tex theme={null}
      % Text formatting
      \textbf{Bold text}
      \textit{Italic text}
      \underline{Underlined text}

      % Sections
      \section{Main Section}
      \subsection{Subsection}
      \subsubsection{Sub-subsection}

      % Lists
      \begin{itemize}
      \item First item
      \item Second item
      \end{itemize}

      \begin{enumerate}
      \item Numbered item
      \item Another numbered item
      \end{enumerate}

      % Math
      Inline math: $E = mc^2$

      Display math:
      \begin{equation}
      \sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n
      \end{equation}
      ```
    </CodeGroup>
  </Tab>

  <Tab title="Rendered output">
    <div className="latex-preview-shell">
      <div className="latex-preview-paper latex-preview-paper--narrow">
        <p className="latex-preview-paragraph"><strong>Bold text</strong></p>
        <p className="latex-preview-paragraph"><em>Italic text</em></p>
        <p className="latex-preview-paragraph"><span style={{ textDecoration: "underline" }}>Underlined text</span></p>
        <p className="latex-preview-section-title">1 Main Section</p>
        <p className="latex-preview-section-title" style={{ fontSize: "0.96rem", marginTop: "0.7rem" }}>1.1 Subsection</p>
        <p className="latex-preview-section-title" style={{ fontSize: "0.88rem", marginTop: "0.55rem" }}>1.1.1 Sub-subsection</p>

        <ul className="latex-preview-list">
          <li>First item</li>
          <li>Second item</li>
        </ul>

        <ol className="latex-preview-numbered-list">
          <li>Numbered item</li>
          <li>Another numbered item</li>
        </ol>

        <p className="latex-preview-paragraph">Inline math: <span className="latex-preview-mono">E = mc^2</span></p>
        <p className="latex-preview-center latex-preview-size-large">Σ<sub>i=1</sub><sup>n</sup> x<sub>i</sub> = x<sub>1</sub> + x<sub>2</sub> + ··· + x<sub>n</sub></p>
      </div>
    </div>
  </Tab>
</Tabs>

## Collaboration Features

### Sharing Your Project

1. Click the **"Share"** button in the top toolbar
2. Invite collaborators from the project workspace
3. Owners keep control of project access while editors can contribute directly
4. Use in-document comments for review and feedback

### Real-time Editing

* **See live cursors** of other editors
* **Changes sync instantly** across all users
* **Version history** tracks all changes
* **Comment system** for feedback and discussion

### Version Control

LaTeX Cloud Studio automatically saves versions of your work:

* **Auto-save**: Every few seconds
* **Manual snapshots**: Create named versions
* **Restore previous versions**: Roll back changes easily
* **Compare versions**: See what changed between versions

## Cloud Features

### File Management

* **Organize projects** in folders
* **Search across all files** in your account
* **Import existing LaTeX projects** by uploading ZIP files
* **Export projects** as ZIP files for backup

### Packages and Compilation

<Info>
  **All packages included**: LaTeX Cloud Studio comes with the complete TeX Live distribution - over 4,000 packages ready to use without installation.
</Info>

Common packages you can use immediately:

<Tabs>
  <Tab title="Code">
    ```latex theme={null}
    \usepackage{amsmath}      % Enhanced math
    \usepackage{graphicx}     % Images
    \usepackage{booktabs}     % Professional tables
    \usepackage{tikz}         % Graphics and diagrams
    \usepackage{biblatex}     % Bibliography management
    \usepackage{hyperref}     % Links and cross-references
    ```
  </Tab>

  <Tab title="Rendered output">
    <div className="latex-preview-shell">
      <div className="latex-preview-paper latex-preview-paper--narrow">
        <p className="latex-preview-meta">Package imports do not create visible PDF content on their own.</p>

        <hr className="latex-preview-rule" />

        <ul className="latex-preview-list">
          <li><span className="latex-preview-inline-code">amsmath</span> enables aligned equations and advanced math environments.</li>
          <li><span className="latex-preview-inline-code">graphicx</span> adds image inclusion commands.</li>
          <li><span className="latex-preview-inline-code">booktabs</span> improves table rules and spacing.</li>
          <li><span className="latex-preview-inline-code">hyperref</span> turns references into clickable links.</li>
        </ul>
      </div>
    </div>
  </Tab>
</Tabs>

### Compilation Options

LaTeX Cloud Studio supports multiple compilers:

* **pdfLaTeX**: Default, fastest compilation
* **XeLaTeX**: Unicode and system fonts
* **LuaLaTeX**: Advanced features and scripting
* **LaTeX → DVI**: Traditional workflow

## Getting Help

### Learning Resources

<CardGroup cols={2}>
  <Card title="What is LaTeX?" icon="circle-question" href="/learn/latex/basics/what-is-latex">
    Understand LaTeX fundamentals and why it's the standard for professional documents
  </Card>

  <Card title="LaTeX in 30 Minutes" icon="clock" href="/learn/latex-in-30-minutes">
    Complete beginner tutorial covering all essential LaTeX concepts
  </Card>

  <Card title="LaTeX Basics" icon="book" href="/learn/latex/basics/creating-first-document">
    Step-by-step guides for document creation, formatting, and structure
  </Card>

  <Card title="Math & Science" icon="square-root-variable" href="/learn/latex/mathematics/basics">
    Comprehensive guides for mathematical typesetting and scientific documents
  </Card>

  <Card title="Templates Gallery" icon="file-code" href="/templates/article">
    Ready-to-use templates for articles, reports, presentations, and more
  </Card>

  <Card title="FAQ" icon="message-question" href="/faq">
    Answers to common questions about LaTeX and LaTeX Cloud Studio
  </Card>
</CardGroup>

### Product Docs

<CardGroup cols={2}>
  <Card title="Editor & AI Assistance" icon="wand-magic-sparkles" href="/product/editor-and-ai-assistance">
    Canonical guide for the editor, inline AI, proofreading, and search
  </Card>

  <Card title="Collaboration & History" icon="users" href="/product/collaboration-comments-and-history">
    Current sharing, comments, version-history, and snapshots workflows
  </Card>

  <Card title="Projects & Files" icon="folder-tree" href="/product/projects-files-and-templates">
    Project creation, ZIP upload, template usage, and file-management guidance
  </Card>

  <Card title="GitHub Sync & Transfer" icon="code-branch" href="/product/github-sync-import-export">
    Import repositories, push/pull changes, and move projects with ZIP exports
  </Card>
</CardGroup>

### Support Options

* **Product behavior**: Start with the [Product Docs overview](/product)
* **LaTeX learning help**: Use the [Learn](/learn/latex-in-30-minutes) and [How-to Guides](/learn/latex/how-to/first-project)
* **Common questions**: Check the [FAQ](/faq)
* **Website contact path**: Visit the [main website](https://www.latex-cloud-studio.com/)

### Common Issues

<Warning>
  **Compilation errors**: Check the output panel for error messages and line numbers. Most errors are due to:

  * Missing `\end{...}` commands
  * Typos in command names
  * Missing packages (though rare in Cloud Studio)
  * Unmatched braces `{` or `}`
</Warning>

## Next Steps

Now that you've created your first document, explore these features:

1. **Try different templates** - See what's possible with LaTeX
2. **Learn basic LaTeX** - Follow our [30-minute tutorial](/learn/latex-in-30-minutes)
3. **Learn the editor workflow** - Review [Editor & AI Assistance](/product/editor-and-ai-assistance)
4. **Invite collaborators** - Review [Collaboration & History](/product/collaboration-comments-and-history)
5. **Move projects in and out** - Review [GitHub Sync & Import/Export](/product/github-sync-import-export)

<Tip>
  **Pro tip**: Start with templates similar to what you want to create, then customize them. This is faster than starting from scratch and helps you learn LaTeX patterns.
</Tip>

## Quick Reference

### Essential Shortcuts

| Shortcut           | Action                 |
| ------------------ | ---------------------- |
| `Ctrl+S` / `Cmd+S` | Save document          |
| `Ctrl+/` / `Cmd+/` | Comment/uncomment line |
| `Ctrl+D` / `Cmd+D` | Duplicate line         |
| `Ctrl+F` / `Cmd+F` | Find and replace       |
| `Ctrl+Z` / `Cmd+Z` | Undo                   |
| `Ctrl+Y` / `Cmd+Y` | Redo                   |

### Common LaTeX Commands

<Tabs>
  <Tab title="Code">
    ```latex theme={null}
    % Document structure
    \section{Title}
    \subsection{Subtitle}
    \paragraph{Paragraph title}

    % Text formatting
    \textbf{bold}
    \textit{italic}
    \texttt{monospace}

    % Math
    $inline math$
    \begin{equation}
    display math
    \end{equation}

    % Lists
    \begin{itemize}
    \item bullet point
    \end{itemize}

    % References
    \label{key}
    \ref{key}
    \cite{citation-key}
    ```
  </Tab>

  <Tab title="Rendered output">
    <div className="latex-preview-shell">
      <div className="latex-preview-paper latex-preview-paper--narrow">
        <p className="latex-preview-section-title">1 Title</p>
        <p className="latex-preview-section-title" style={{ fontSize: "0.96rem", marginTop: "0.7rem" }}>1.1 Subtitle</p>
        <p className="latex-preview-paragraph"><strong>bold</strong> <em>italic</em> <span className="latex-preview-mono">monospace</span></p>
        <p className="latex-preview-center latex-preview-size-large">display math</p>

        <ul className="latex-preview-list">
          <li>bullet point</li>
        </ul>

        <p className="latex-preview-paragraph">References and citations appear once matching labels and bibliography entries exist in the full document.</p>
      </div>
    </div>
  </Tab>
</Tabs>

***

<Info>
  **Ready to dive deeper?** Continue with our comprehensive [LaTeX in 30 minutes](/learn/latex-in-30-minutes) tutorial to master the fundamentals, or browse our [template gallery](/templates/article) for inspiration.
</Info>

## Start in LaTeX Cloud Studio

<CardGroup cols={2}>
  <Card title="Open in LaTeX Cloud Studio" icon="cloud" href="https://app.latex-cloud-studio.com/?utm_source=resources&utm_medium=card&utm_campaign=docs_open_app&utm_content=cloud_studio_open_app">
    Write, compile, and iterate directly in your browser.
  </Card>

  <Card title="Start from Article Template" icon="file-text" href="/templates/article">
    Use a ready-made template, then adapt it to your content.
  </Card>

  <Card title="Browse Product Docs" icon="book-open" href="/product">
    Use the canonical product documentation for current app workflows and feature behavior.
  </Card>
</CardGroup>
