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

# Quickstart Guide 🚀

> Embedding ScratchFrame is easy! You can embed profiles, studios, or explore pages anywhere using iframes. Just choose what you want to embed and add the proper query parameters.

***

## Profile Embed

<AccordionGroup>
  <Accordion title="Embed a Profile" icon="copy">
    Use an iframe and point it to the profile embed URL. Add `?username=[name]` to specify the Scratch username.

    ```html theme={null}
    <iframe 
      src="https://noahscratch493.github.io/ScratchFrame/profile/?username=Noahscratch493" 
      style="width:100%; height:600px; border:none;"
      allowfullscreen
    ></iframe>
    ```

    Replace `Noahscratch493` with the username you want to display.
  </Accordion>

  <Accordion title="Adjust Size & Style" icon="rocket">
    You can set the iframe width and height to fit your layout:

    ```html theme={null}
    <iframe 
      src="https://noahscratch493.github.io/ScratchFrame/profile/?username=SomeUser" 
      style="width:100%; height:800px; border-radius:15px; border:2px solid #1d70b8;"
      allowfullscreen
    ></iframe>
    ```
  </Accordion>
</AccordionGroup>

***

## Studio Embed

<AccordionGroup>
  <Accordion title="Embed a Studio" icon="copy">
    Use the studio embed URL and add `?studio=[ID]` to show a studio.

    ```html theme={null}
    <iframe 
      src="https://noahscratch493.github.io/ScratchFrame/studio/?studio=12345678" 
      style="width:100%; height:600px; border:none;"
      allowfullscreen
    ></iframe>
    ```

    Replace `12345678` with the ID of the studio you want to display.
  </Accordion>

  <Accordion title="Adjust Size & Style" icon="rocket">
    You can also style the iframe:

    ```html theme={null}
    <iframe 
      src="https://noahscratch493.github.io/ScratchFrame/studio/?studio=87654321" 
      style="width:100%; height:800px; border-radius:15px; border:2px solid #1d70b8;"
      allowfullscreen
    ></iframe>
    ```
  </Accordion>
</AccordionGroup>

***

## Explore Embed

<AccordionGroup>
  <Accordion title="Embed Explore Projects" icon="compass">
    Display trending or random projects with the explore embed:

    ```html theme={null}
    <iframe 
      src="https://noahscratch493.github.io/ScratchFrame/explore/" 
      style="width:100%; height:600px; border:none;"
      allowfullscreen
    ></iframe>
    ```

    No parameters are needed—the embed automatically loads community projects.
  </Accordion>
</AccordionGroup>

***

### Tips

* All embeds are **responsive**, working well on mobile and desktop.
* Clicking projects opens a **TurboWarp overlay** or Scratch in a new tab.
* Use CSS or `style` attributes to adjust borders, radius, and height.
* You can embed multiple profiles or studios on the same page using separate iframes.