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

Embed a Profile

Use an iframe and point it to the profile embed URL. Add ?username=[name] to specify the Scratch username.

<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.

Adjust Size & Style

You can set the iframe width and height to fit your layout:

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

---

Studio Embed

Embed a Studio

Use the studio embed URL and add ?studio=[ID] to show a studio.

<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.

Adjust Size & Style

You can also style the iframe:

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

---

Explore Embed

Embed Explore Projects

Display trending or random projects with the explore embed:

<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.

---

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.