Installation
Get Frame-Master up and running in minutes. This guide covers installation methods, system requirements, and initial project setup.
Prerequisites
Before installing Frame-Master, ensure you have the following:
- Bun.js (≥ 1.3.0) — Frame-Master runs on Bun. Install with
curl -fsSL https://bun.sh/install | bash; verify withbun --version. Docs: https://bun.sh/docs/installation
Installation Methods
Global Installation (recommended)
bun add -g frame-masterUse the frame-master command from any directory.
Project-Specific Installation
bun add frame-masterKeeps Frame-Master versioned with your project. Run commands with bun frame-master.
Run Without Installing
bunx frame-master create my-appGood for trying Frame-Master or one-off commands; bunx downloads and executes the latest version on demand.
Verify Installation
# Check Frame-Master version
frame-master --version
# View available commands
frame-master --helpSuccess: Seeing the version number and help menu confirms Frame-Master is ready.
Create Your First Project
You have two options:
Option 1: Create a New Project (recommended)
Use the create command in a new directory:
# Create a new project
bun frame-master create my-app
# Navigate to your project
cd my-app
# Start development server
bun frame-master devWhat create does:
- Creates a project directory
- Generates
frame-master.config.ts - Sets up
.frame-master/internals - Configures TypeScript
- Installs required dependencies
Option 2: Initialize in an Existing Project
Add Frame-Master to an existing directory:
# In your existing project directory
bun frame-master init
# Start development server
bun frame-master devUse this when:
- Migrating an existing project
- You already created the target directory
- Adding Frame-Master to a monorepo package
Troubleshooting
- Port already in use — Another process uses port 3000. Stop it or change the port in
frame-master.config.ts. - Module not found errors — Run
bun install. If issues persist, removenode_modulesandbun.lockb, then rerunbun install. - TypeScript errors — Confirm your
tsconfig.jsonmatches the defaults created byframe-master init.
Next Steps
- Quickstart Guide — Build your first Frame-Master app
- Plugin System — Use and create plugins
- Configuration — Explore configuration options
- Project Structure — Understand the project anatomy
