> ## Documentation Index
> Fetch the complete documentation index at: https://docs.paradime.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Code IDE

> Paradime's browser-based Code IDE for dbt™: develop, run, test, and version-control your project with DinoAI, Git integration, and a warehouse-aware editor.

export const Arcade = ({src, title}) => <div style={{
  position: 'relative',
  paddingBottom: 'calc(56.2225% + 41px)',
  height: 0,
  width: '100%'
}}>
    <iframe src={src} title={title} frameBorder="0" loading="lazy" allow="clipboard-write" allowFullScreen style={{
  position: 'absolute',
  top: 0,
  left: 0,
  width: '100%',
  height: '100%',
  colorScheme: 'light'
}} />
  </div>;

The Paradime Code IDE is a full development environment for your dbt™ project that runs entirely in your browser. Open it from the **Editor** item in the app sidebar, or from anywhere in Paradime with the global search (`⌘⇧C`). You get a VS Code-style editor connected to your Git repository and your data warehouse, with DinoAI built in.

To get started, follow our step-by-step tutorial:

<Arcade src="https://demo.arcade.software/pQ26h05ZDdtvbbuTwabq?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true" title="Code IDE" />

## How the IDE is laid out

| Area                | What lives there                                                                                                         |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| **Left icon strip** | The workspace tools: File Explorer, Search, Source Control (Git Lite or Git Advanced), and GitLens.                      |
| **Editor**          | Tabs, breadcrumbs, and a dbt™-aware code editor with autocompletion, go-to-definition, inline Git blame, and diff views. |
| **Bottom panel**    | Terminal, Data Explorer, Lineage, and Catalog tabs, plus the Defer to Production selector and the Run and Lint buttons.  |
| **Right panel**     | The DinoAI agent: describe what you want to build and let it work across your project.                                   |
| **Status bar**      | Current branch, problems count, Git Lite/Git Advanced switch, editor layout controls, and file info.                     |

## Explore the documentation

The docs follow how you work: write your models, run and preview them, explore your project, then commit and ship.

<CardGroup cols={2}>
  <Card title="Write Code" href="/products/code-ide/write-code/index" icon="square-pen">
    The dbt™-aware editor: autocompletion, shortcuts, right-click actions, layout, and preferences.
  </Card>

  <Card title="Run & Preview" href="/products/code-ide/run-and-preview/index" icon="play">
    Terminal, Data Explorer, Defer to Production, linting, and the Scratchpad.
  </Card>

  <Card title="Explore Your Project" href="/products/code-ide/explore/index" icon="git-fork">
    Browse and search files, jump to definitions, and visualize lineage and the catalog.
  </Card>

  <Card title="Commit & Ship" href="/products/code-ide/version-control/index" icon="git-branch">
    Git Lite, Git Advanced, and GitLens: commit, ship, and review changes without leaving the IDE.
  </Card>

  <Card title="DinoAI in the Code IDE" href="/products/code-ide/write-code/dinoai" icon="sparkles">
    The DinoAI agent panel, co-pilot actions, AI commits, and doc generation.
  </Card>
</CardGroup>


## Related topics

- [Environment Variables](/products/settings/environment-variables/index.md)
- [Restart Code IDE](/get-help/error-list/restart-code-ide.md)
- [Code IDE environment](/products/settings/connections/development-environment/index.md)
- [DinoAI in the Code IDE](/products/code-ide/write-code/dinoai.md)
- [Data Exploration in the Code IDE](/guides/paradime-101/getting-started-with-the-paradime-ide/data-exploration-in-the-code-ide.md)