Documentation

Getting Started

## Installation

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