ScreenCam is a native macOS screen recording app. This repository contains the public website, docs pages, changelog pages, downloadable BGM catalog, and open cursor catalog for ScreenCam.
- Website: https://thescreen.cam
- Repository: https://github.com/motion-space/thescreen.cam
- App Store: configured in
src/lib/i18n.ts
- Astro 5
- React 19 islands
- Tailwind CSS 4
- Framer Motion
- Cloudflare adapter and Wrangler
Install dependencies:
npm installStart the development server:
npm run devBuild the site:
npm run buildPreview with Wrangler:
npm run previewDeploy:
npm run deployBGM source files live in content/bgm/audio/, with track metadata in content/bgm/tracks.json.
Generate public audio files, 5 second previews, and JSON manifests:
npm run bgm:buildForce regeneration:
npm run bgm:build:forceThe generator writes:
public/bgm/audio/public/bgm/previews/public/bgm/manifest.jsonsrc/data/generated/bgm.json
ffmpeg and ffprobe are required for BGM generation.
Cursor pack sources live in content/cursors/packs/ and are curated by
content/cursors/catalog.json.
Validate and publish the static cursor API:
npm run cursors:build
npm run cursors:checkSee content/cursors/README.md for the API layout
and pull request contribution workflow.
src/pages/: Astro routes and API endpointssrc/components/: page sections and interactive React componentssrc/lib/: i18n, translations, and shared site configcontent/bgm/: BGM source workflow and metadatacontent/cursors/: cursor pack sources, catalog order, and contribution guidepublic/: static assets served by the sitescripts/: build utilities
The site is built for Cloudflare. npm run build prerenders static routes and emits the Cloudflare server output under dist/.
Source code is available under the MIT License.
ScreenCam names, logos, screenshots, demo videos, wallpapers, audio files, and other website media assets are part of the official ScreenCam website asset bundle. Do not reuse those assets unless you have permission or a separate license applies.