code · pull · Feb 20, 2026 · Feb 18, 2026 · Feb 18, 2026 · Feb 18, 2026
diff --git a/bun.lock b/bun.lock
diff --git a/packages/STATS.md b/packages/STATS.md
@@ -57,6 +57,7 @@ Monthly downloads of Remotion packages
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/tailwind-v4.svg?style=flat&color=black&label=@remotion/tailwind-v4)](https://npmcharts.com/compare/@remotion/tailwind-v4?minimal=true)  
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/three.svg?style=flat&color=black&label=@remotion/three)](https://npmcharts.com/compare/@remotion/three?minimal=true)  
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/transitions.svg?style=flat&color=black&label=@remotion/transitions)](https://npmcharts.com/compare/@remotion/transitions?minimal=true)  
+[![NPM Downloads](https://img.shields.io/npm/dm/@remotion/vercel.svg?style=flat&color=black&label=@remotion/vercel)](https://npmcharts.com/compare/@remotion/vercel?minimal=true)  
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/web-renderer.svg?style=flat&color=black&label=@remotion/web-renderer)](https://npmcharts.com/compare/@remotion/web-renderer?minimal=true)  
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/webcodecs.svg?style=flat&color=black&label=@remotion/webcodecs)](https://npmcharts.com/compare/@remotion/webcodecs?minimal=true)  
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/whisper-web.svg?style=flat&color=black&label=@remotion/whisper-web)](https://npmcharts.com/compare/@remotion/whisper-web?minimal=true)  

diff --git a/packages/animated-emoji/package.json b/packages/animated-emoji/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/animated-emoji",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
 	"module": "dist/esm/index.mjs",

diff --git a/packages/animation-utils/package.json b/packages/animation-utils/package.json
@@ -7,7 +7,7 @@
 		"name": "Chetan Karwa",
 		"email": "cbkarwa@gmail.com"
 	},
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Helpers for animating CSS properties",
 	"main": "./dist/index.js",
 	"module": "./dist/index.mjs",

diff --git a/packages/astro-example/package.json b/packages/astro-example/package.json
@@ -5,7 +5,7 @@
 	"name": "@remotion/astro-example",
 	"private": true,
 	"type": "module",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"scripts": {
 		"dev": "astro dev",
 		"start": "astro dev",

diff --git a/packages/babel-loader/package.json b/packages/babel-loader/package.json
@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/babel-loader"
 	},
 	"name": "@remotion/babel-loader",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Babel loader for Remotion",
 	"main": "dist/index.js",
 	"scripts": {

diff --git a/packages/bugs/package.json b/packages/bugs/package.json
@@ -4,5 +4,5 @@
 	},
 	"name": "bugs",
 	"private": true,
-	"version": "4.0.425"
+	"version": "4.0.427"
 }
diff --git a/packages/bundler/package.json b/packages/bundler/package.json
@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
 	},
 	"name": "@remotion/bundler",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Bundle Remotion compositions using Webpack",
 	"main": "dist/index.js",
 	"sideEffects": false,

diff --git a/packages/captions/package.json b/packages/captions/package.json
@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/captions"
 	},
 	"name": "@remotion/captions",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Primitives for dealing with captions",
 	"main": "dist/index.js",
 	"sideEffects": false,

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"sideEffects": false,

diff --git a/packages/cli/src/config/frame-range.ts b/packages/cli/src/config/frame-range.ts
diff --git a/packages/cli/src/config/index.ts b/packages/cli/src/config/index.ts
@@ -1,7 +1,6 @@
 import {getBrowser} from './browser';
 import {getConcurrency} from './concurrency';
 import {getDotEnvLocation} from './env-file';
-import {getRange, setFrameRangeFromCli} from './frame-range';
 import {getShouldOutputImageSequence} from './image-sequence';
 import {getOutputLocation} from './output-location';
 import {
@@ -42,7 +41,6 @@ import {
 	getFfmpegOverrideFunction,
 	setFfmpegOverrideFunction,
 } from './ffmpeg-override';
-import {setFrameRange} from './frame-range';
 import {getMetadata, setMetadata} from './metadata';
 import {setOutputLocation} from './output-location';
 import type {WebpackOverrideFn} from './override-webpack';
@@ -84,6 +82,7 @@ const {
 	publicDirOption,
 	binariesDirectoryOption,
 	preferLosslessOption,
+	framesOption,
 	forSeamlessAacConcatenationOption,
 	audioCodecOption,
 	publicPathOption,
@@ -711,7 +710,7 @@ export const Config: FlatConfig = {
 	setMetadata,
 	setEncodingMaxRate: encodingMaxRateOption.setConfig,
 	setEncodingBufferSize: encodingBufferSizeOption.setConfig,
-	setFrameRange,
+	setFrameRange: framesOption.setConfig,
 	setScale: scaleOption.setConfig,
 	setEveryNthFrame: everyNthFrameOption.setConfig,
 	setNumberOfGifLoops: numberOfGifLoopsOption.setConfig,
@@ -760,7 +759,6 @@ export const Config: FlatConfig = {
 };
 
 export const ConfigInternals = {
-	getRange,
 	getBrowser,
 	getStudioPort,
 	getRendererPortFromConfigFile,
@@ -772,7 +770,6 @@ export const ConfigInternals = {
 	getWebpackOverrideFn,
 	getWebpackCaching,
 	getOutputLocation,
-	setFrameRangeFromCli,
 	setStillFrame,
 	getMaxTimelineTracks: StudioServerInternals.getMaxTimelineTracks,
 	defaultOverrideFunction,

diff --git a/packages/cli/src/get-cli-options.ts b/packages/cli/src/get-cli-options.ts
@@ -9,7 +9,9 @@ import {Log} from './log';
 import {parsedCli} from './parsed-cli';
 
 const getAndValidateFrameRange = (logLevel: LogLevel, indent: boolean) => {
-	const frameRange = ConfigInternals.getRange();
+	const frameRange = BrowserSafeApis.options.framesOption.getValue({
+		commandLine: parsedCli,
+	}).value;
 	if (typeof frameRange === 'number') {
 		Log.warn(
 			{logLevel, indent},

diff --git a/packages/cli/src/list-of-remotion-packages.ts b/packages/cli/src/list-of-remotion-packages.ts
@@ -84,4 +84,5 @@ export const listOfRemotionPackages = [
 	'@remotion/web-renderer',
 	'@remotion/design',
 	'@remotion/light-leaks',
+	'@remotion/vercel',
 ];
diff --git a/packages/cli/src/parse-command-line.ts b/packages/cli/src/parse-command-line.ts
@@ -1,11 +1,7 @@
-import {Config, ConfigInternals} from './config';
+import {Config} from './config';
 import {parsedCli} from './parsed-cli';
 
 export const parseCommandLine = () => {
-	if (parsedCli.frames) {
-		ConfigInternals.setFrameRangeFromCli(parsedCli.frames);
-	}
-
 	if (parsedCli.png) {
 		throw new Error(
 			'The --png flag has been removed. Use --sequence --image-format=png from now on.',

diff --git a/packages/cli/src/parsed-cli.ts b/packages/cli/src/parsed-cli.ts
@@ -65,6 +65,7 @@ const {
 	mutedOption,
 	headlessOption,
 	disableGitSourceOption,
+	framesOption,
 	forSeamlessAacConcatenationOption,
 	isProductionOption,
 	noOpenOption,
@@ -126,7 +127,7 @@ export type CommandLineOptions = {
 	[propsOption.cliFlag]: TypeOfOption<typeof propsOption>;
 	quality: number;
 	[jpegQualityOption.cliFlag]: TypeOfOption<typeof jpegQualityOption>;
-	frames: string | number;
+	[framesOption.cliFlag]: string | number;
 	[scaleOption.cliFlag]: TypeOfOption<typeof scaleOption>;
 	[imageSequenceOption.cliFlag]: TypeOfOption<typeof imageSequenceOption>;
 	quiet: boolean;
@@ -204,6 +205,7 @@ export const parsedCli = minimist<CommandLineOptions>(process.argv.slice(2), {
 	default: {
 		[overwriteOption.cliFlag]: true,
 		[bundleCacheOption.cliFlag]: null,
+		[experimentalClientSideRenderingOption.cliFlag]: null,
 		[mutedOption.cliFlag]: null,
 	},
 }) as CommandLineOptions & {

diff --git a/packages/cli/src/test/range.test.tsx b/packages/cli/src/test/range.test.tsx
@@ -1,12 +1,10 @@
 import {RenderInternals} from '@remotion/renderer';
+import {BrowserSafeApis} from '@remotion/renderer/client';
 import {describe, expect, test} from 'bun:test';
-import {
-	getRange,
-	setFrameRange,
-	setFrameRangeFromCli,
-} from '../config/frame-range';
 import {expectToThrow} from './expect-to-throw';
 
+const {framesOption} = BrowserSafeApis.options;
+
 describe('Frame range should throw exception with invalid inputs', () => {
 	const testValues: [number | [number, number] | null, RegExp][] = [
 		[-1, /non-negative/],
@@ -46,7 +44,7 @@ describe('Frame range should throw exception with invalid inputs', () => {
 
 	testValues.forEach((entry) =>
 		test(`test with input ${JSON.stringify(entry[0])}`, () =>
-			expectToThrow(() => setFrameRange(entry[0]), entry[1])),
+			expectToThrow(() => framesOption.setConfig(entry[0]), entry[1])),
 	);
 });
 describe('Frame range tests with valid inputs', () => {
@@ -61,8 +59,8 @@ describe('Frame range tests with valid inputs', () => {
 	];
 	testValues.forEach((entry) =>
 		test(`test with input ${JSON.stringify(entry)}`, () => {
-			setFrameRange(entry);
-			expect(getRange()).toEqual(entry);
+			framesOption.setConfig(entry);
+			expect(framesOption.getValue({commandLine: {}}).value).toEqual(entry);
 		}),
 	);
 });
@@ -92,11 +90,14 @@ describe('Frame range CLI should throw exception with invalid inputs', () => {
 	];
 	testValues.forEach((entry) =>
 		test(`test with input ${entry[0]}`, () =>
-			expectToThrow(() => setFrameRangeFromCli(entry[0]), entry[1])),
+			expectToThrow(
+				() => framesOption.getValue({commandLine: {frames: entry[0]}}),
+				entry[1],
+			)),
 	);
 });
 describe('Frame range CLI tests with valid inputs', () => {
-	setFrameRange(null);
+	framesOption.setConfig(null);
 
 	const testValues: [
 		number | string,
@@ -114,8 +115,9 @@ describe('Frame range CLI tests with valid inputs', () => {
 	];
 	testValues.forEach((entry) =>
 		test(`test with input ${JSON.stringify(entry[0])}`, () => {
-			setFrameRangeFromCli(entry[0]);
-			expect(getRange()).toEqual(entry[1]);
+			expect(
+				framesOption.getValue({commandLine: {frames: entry[0]}}).value,
+			).toEqual(entry[1]);
 		}),
 	);
 });

diff --git a/packages/cloudrun/container/package.json b/packages/cloudrun/container/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "cloud-run-render",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Render media and stills on GCP Cloud Run",
 	"main": "dist/index.js",
 	"scripts": {

diff --git a/packages/cloudrun/package.json b/packages/cloudrun/package.json
@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cloudrun"
 	},
 	"name": "@remotion/cloudrun",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"description": "Render Remotion videos on Google Cloud Run",
 	"main": "dist/index.js",
 	"sideEffects": false,

diff --git a/packages/compositor-darwin-arm64/package.json b/packages/compositor-darwin-arm64/package.json
@@ -2,7 +2,7 @@
 	"repository": {
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-darwin-arm64"
 	},
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"name": "@remotion/compositor-darwin-arm64",
 	"os": [
 		"darwin"

diff --git a/packages/compositor-darwin-x64/package.json b/packages/compositor-darwin-x64/package.json
@@ -2,7 +2,7 @@
 	"repository": {
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-darwin-x64"
 	},
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"name": "@remotion/compositor-darwin-x64",
 	"os": [
 		"darwin"

diff --git a/packages/compositor-linux-arm64-gnu/package.json b/packages/compositor-linux-arm64-gnu/package.json
@@ -2,7 +2,7 @@
 	"repository": {
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-arm64-gnu"
 	},
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"name": "@remotion/compositor-linux-arm64-gnu",
 	"os": [
 		"linux"

diff --git a/packages/compositor-linux-arm64-musl/package.json b/packages/compositor-linux-arm64-musl/package.json
@@ -2,7 +2,7 @@
 	"repository": {
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-arm64-musl"
 	},
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"name": "@remotion/compositor-linux-arm64-musl",
 	"os": [
 		"linux"

diff --git a/packages/compositor-linux-x64-gnu/package.json b/packages/compositor-linux-x64-gnu/package.json
@@ -2,7 +2,7 @@
 	"repository": {
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-x64-gnu"
 	},
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"name": "@remotion/compositor-linux-x64-gnu",
 	"os": [
 		"linux"