> For the complete documentation index, see [llms.txt](https://docs.divmagic.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.divmagic.com/studio/introduction.md).

# Introduction

DivMagic Studio is an integrated development environment (IDE) designed to simplify the process of writing and testing HTML, JSX, and Tailwind CSS code. Whether you're building complex web application

### Overview

DivMagic Studio consists of three main sections:

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td></td><td></td><td></td><td><a href="/studio/user-panel.md">User Panel</a></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></tbody></table>