---
title: "Fraime.it Docs"
description: "Learn how to record, edit, protect, and export polished developer videos with Fraime.it."
canonical_url: "/docs"
markdown_url: "/docs.md"
---

# Fraime.it Docs

Learn how to record, edit, protect, and export polished developer videos with Fraime.it.

Canonical URL: /docs
Markdown URL: /docs.md

Fraime.it is a native macOS recorder and editor for developer demos, tutorials, launch videos, and short-form product clips.

Use these docs when you want practical guidance for a workflow, not marketing copy. Start with recording, then move through timeline editing, privacy, captions, creator formats, and export.

## Recommended path

If you are new to Fraime.it, follow this order:

1. [Record your first video](/docs/recording-first-video)
2. [Check recording settings](/docs/recording-settings)
3. [Learn the timeline basics](/docs/timeline-basics)
4. [Use the inspector reference](/docs/inspector-reference)
5. [Add redactions before sharing](/docs/redaction-text-replacement)
6. [Generate subtitles](/docs/subtitles-transcription)
7. [Choose export settings](/docs/export-settings)

For launch posts or social clips, continue with [Shorts and vertical export](/docs/shorts-vertical-export). For camera-heavy videos, read [webcam backgrounds and green screen keying](/docs/webcam-keying).

## Core workflows

- [Record your first video](/docs/recording-first-video)
- [Configure recording settings](/docs/recording-settings)
- [Edit in the timeline](/docs/timeline-basics)
- [Use the timeline editor reference](/docs/timeline-editor-reference)
- [Find inspector controls](/docs/inspector-reference)
- [Create Shorts and vertical clips](/docs/shorts-vertical-export)
- [Clean up webcam backgrounds and green screens](/docs/webcam-keying)
- [Redact secrets and replace sensitive text](/docs/redaction-text-replacement)
- [Generate and style subtitles](/docs/subtitles-transcription)
- [Choose export settings](/docs/export-settings)

## Polish features

- [Style backgrounds, gradients, and generated wallpapers](/docs/backgrounds-gradients-wallpapers)
- [Add a project-wide watermark](/docs/project-watermark)
- [Add overlays, annotations, and visual assets](/docs/overlays-annotations-assets)
- [Use Smart Zoom, manual zoom, 3D punch, and animation](/docs/zoom-3d-punch-animation)
- [Tune cursor and keyboard HUD presentation](/docs/cursor-keyboard-hud)
- [Polish audio and background framing](/docs/audio-background-polish)

## Advanced

- [Set up the editor extension](/docs/extension-setup)
- [Set up the Chrome browser extension](/docs/browser-extension-setup)
- [Use AI-assisted editing](/docs/ai-assisted-editing)
- [Set up the Agent API and MCP helper](/docs/agent-api-mcp)

## Account

- [Understand billing, trial exports, and updates](/docs/billing-trial-updates)

## What Fraime.it records

Fraime.it records local screen, webcam, audio, cursor, keyboard, scroll, and optional IDE metadata into a `.fraimeit` project package. The app keeps source recordings local by default and applies timeline edits during preview and export.

## Local-first by default

Normal recording, editing, preview, and export workflows run on your Mac. Connected features such as billing, analytics, license validation, model downloads, and AI-assisted timeline requests may use network services when you choose those flows.

## Agent-readable docs

Agents can read the same docs as plain Markdown:

- [`/llms.txt`](/llms.txt) lists every docs page with canonical and Markdown URLs.
- [`/llms-full.txt`](/llms-full.txt) contains all docs pages in one Markdown bundle.
- [`/sitemap.md`](/sitemap.md) provides an agent-readable docs sitemap.
- `/docs/<slug>.md` returns a Markdown version of a single docs page, such as [`/docs/timeline-basics.md`](/docs/timeline-basics.md).
- Canonical docs URLs also support HTTP content negotiation: request `/docs/<slug>` with `Accept: text/markdown` to receive the Markdown version instead of HTML.

## Common outputs

- Full-length tutorials and docs videos
- Product walkthroughs and launch demos
- Short-form clips in 9:16
- Internal technical walkthroughs
- Redacted demos that hide secrets before publishing

## Sitemap

See the agent-readable sitemap at [/sitemap.md](/sitemap.md).