ScratchFrame

ScratchFrame is a modern, responsive embedding solution for Scratch. Display profiles, studios, and explore projects directly on your website with full interactivity, including top projects, stats, and project actions (TurboWarp or Scratch).

Profile Embeds: Show user avatars, tier, stats, and top 5 projects.
Studio Embeds: Showcase studio info, top projects, and stats.
Explore Projects: Display trending Scratch projects with profile previews.
Fully Responsive: Works on desktop and mobile.
Customizable: Adjust iframe size, borders, and styling.

Quickstart

Profile Embed

<iframe
  src="https://more.cattymod.app/ScratchFrame/profile/?username=Noahscratch493"
  style="width:100%; height:600px; border:none; border-radius:10px"
  allowfullscreen
></iframe>

Studio Embed

<iframe
  src="https://more.cattymod.app/ScratchFrame/studio/?studio=123456"
  style="width:100%; height:600px; border:none; border-radius:10px"
  allowfullscreen
></iframe>

Explore Embed

<iframe
  src="https://more.cattymod.app/ScratchFrame/explore/"
  style="width:100%; height:600px; border:none; border-radius:10px"
  allowfullscreen
></iframe>

Features

Dynamic updates: Always shows the latest projects and stats.
Tier system: Special Owner tier, Scratch Staff verification, and standard tiers based on user activity.
Project actions overlay: Run in TurboWarp or open in Scratch.
Responsive layout: Projects and stats adjust to screen size.
Tooltips & Help icons: Hover over tiers or icons for guidance.

Development

Clone the repository locally and open the files in your preferred editor.

git clone https://github.com/Noahscratch493/ScratchFrame.git
cd ScratchFrame

Open the HTML files in a browser to preview embeds.