Getting Started

Installation

1. Download the Scamp installer for your platform.
2. Run the installer and follow the on-screen prompts.
3. Launch Scamp from your Applications folder (macOS) or Start Menu (Windows).

The Start Screen

When you open Scamp, you see the start screen with two areas:

• Sidebar -- Contains the "New Project" button, a link to Settings, and navigation.
• Recent Projects -- A list of projects you have opened before. Click any project to reopen it.

Creating Your First Project

1. Click New Project in the sidebar.
2. Enter a project name. Scamp creates a folder for it inside your default projects directory.
3. The project opens with a blank canvas and a single page called "home."

Default Folder Setup

Scamp stores projects in a default folder on your system. You can change this in Settings. Inside each project folder you will find:

• home.tsx -- The TSX component for your first page
• home.module.css -- The matching CSS Module
• theme.css -- Your project's theme tokens
• agent.md -- Instructions for AI coding agents (see Bidirectional Sync)

These files are real, editable code. Open them in any editor and your changes sync back to the canvas.

Next Steps

• Learn how to draw on the canvas
• Explore the properties panel
• Read about bidirectional sync to understand what makes Scamp unique