openscreen

Create stunning demos for free. Open-source, no subscriptions, no watermarks, and free for commercial use. An alternative to Screen Studio.

23 articles 17.1k View on GitHub ↗
23 articles
How OpenScreen Integrates dnd-timeline for Drag-and-Drop Region Management

Discover how OpenScreen integrates dnd timeline for drag-and-drop region management. Learn about global state, callbacks, and video constraints.

deep-dive
Apr 3, 2026
How OpenScreen Stores and Restores Recording Sessions Between Application Launches

Learn how OpenScreen stores and restores recording sessions using JSON manifest files, ensuring your progress is saved and accessible across application launches.

internals
Apr 3, 2026
How OpenScreen Uses PixiJS for Video Playback, Compositing, and Rendering Effects

Discover how OpenScreen uses PixiJS for efficient video playback, stunning compositing, and advanced rendering effects. Learn about its powerful 2D rendering capabilities.

deep-dive
Apr 3, 2026
How OpenScreen's Electron IPC Bridge Enables Secure Main-Renderer Communication

Discover how OpenScreen's Electron IPC bridge uses contextBridge and ipcRenderer to securely connect React renderer to Node.js functionality in the main process.

internals
Apr 3, 2026
How Shadow Intensity, Border Radius, and Padding Work as Visual Effects in OpenScreen

Learn how OpenScreen applies shadow intensity border radius and padding as visual effects using CSS drop-shadow filters PixiJS masks and viewport scaling for stunning graphics.

deep-dive
Apr 3, 2026
What Is Cursor Telemetry in OpenScreen? Mouse Movement Tracking and Replay Explained

Discover cursor telemetry in OpenScreen. Learn how this mouse movement tracking and replay feature captures and stores coordinate data for enhanced screen recording analysis.

deep-dive
Apr 3, 2026
How OpenScreen Generates Zoom Suggestions from Cursor Movement

Discover how OpenScreen analyzes cursor movement and dwell periods to automatically generate smart zoom suggestions during video playback for improved user engagement.

internals
Apr 3, 2026
How OpenScreen Calculates and Applies Aspect Ratios for Different Export Dimensions

Discover how OpenScreen calculates and applies aspect ratios for various export dimensions. Learn how it converts labels to numeric values and computes even pixel dimensions.

internals
Apr 3, 2026
How OpenScreen Export Quality Presets Affect Video Resolution and Bitrate

Understand how OpenScreen export quality presets source medium and good impact video resolution and bitrate. Learn how settings affect pixel count and visual fidelity.

deep-dive
Apr 3, 2026
Understanding the Coordinate System for Zoom Focus Points in OpenScreen

Learn the 0-1 coordinate system for OpenScreen zoom focus points. Discover how values are clamped within safe margins to prevent out-of-bounds viewing.

deep-dive
Apr 3, 2026
How OpenScreen's Wallpaper System Supports Solid Colors, CSS Gradients, and Custom Images

Learn how OpenScreen's wallpaper system supports solid colors, CSS gradients, and custom images by treating the wallpaper prop as a generic CSS background value.

internals
Apr 3, 2026
How Keyboard Shortcuts Are Configured and Matched Against User Input in OpenScreen

Discover how OpenScreen configures keyboard shortcuts and matches them against user input. Explore its type-safe system for efficient key binding and conflict validation.

internals
Apr 3, 2026

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"
Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →