code · pull · Feb 18, 2026 · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026
diff --git a/.claude/skills/pr/SKILL.md b/.claude/skills/pr/SKILL.md
@@ -7,7 +7,7 @@ Ensure we are not on the main branch, make a branch if necessary.
 For all packages affected, run Prettier to format the code:
 
 ```
-bunx prettier --experimental-cli src --write
+bunx prettier src --write
 ```
 
 Commit the changes, use the following format:

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
@@ -8,7 +8,7 @@ The **package name** for each folder is `@remotion/[folder-name]`, except for th
 
 - `bun` is the package manager for the project.
 - To build the project after you made changes, run `bunx turbo make --filter="[package-name]"` and only include the package you are working on. Refer to package naming convention above. For example, the command to build the package in `packages/shapes` is `bunx turbo make --filter="@remotion/shapes"`.
-- After making code changes, run `bunx prettier --experimental-cli src --write` to format the code. Do not run the formatted on the docs.
+- After making code changes, run `bunx prettier src --write` to format the code. Do not run the formatted on the docs.
 
 ## Documentation
 

diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -111,7 +111,7 @@
 			"@types/three": "0.170.0",
 			"openai": "4.67.1",
 			"@types/dom-webcodecs": "0.1.11",
-			"@vitejs/plugin-react": "4.1.0",
+			"@vitejs/plugin-react": "4.3.4",
 			"@vitest/browser-playwright": "4.0.9",
 			"playwright": "1.55.1",
 			"vitest": "4.0.9",

diff --git a/packages/animated-emoji/package.json b/packages/animated-emoji/package.json
@@ -6,7 +6,7 @@
 	"module": "dist/esm/index.mjs",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier --experimental-cli src --check",
+		"formatting": "prettier src --check",
 		"lint": "eslint src",
 		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts"
 	},

diff --git a/packages/animation-utils/package.json b/packages/animation-utils/package.json
@@ -13,7 +13,7 @@
 	"module": "./dist/index.mjs",
 	"types": "./dist/index.d.ts",
 	"scripts": {
-		"formatting": "prettier --experimental-cli src --check",
+		"formatting": "prettier src --check",
 		"lint": "eslint src",
 		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src"

diff --git a/packages/babel-loader/package.json b/packages/babel-loader/package.json
@@ -7,7 +7,7 @@
 	"description": "Babel loader for Remotion",
 	"main": "dist/index.js",
 	"scripts": {
-		"formatting": "prettier --experimental-cli src --check",
+		"formatting": "prettier src --check",
 		"lint": "eslint src",
 		"make": "tsgo -d"
 	},

diff --git a/packages/bundler/package.json b/packages/bundler/package.json
@@ -11,7 +11,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"scripts": {
-		"formatting": "prettier --experimental-cli src --check",
+		"formatting": "prettier src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsgo -d"

diff --git a/packages/captions/package.json b/packages/captions/package.json
@@ -11,7 +11,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"scripts": {
-		"formatting": "prettier --experimental-cli src --check",
+		"formatting": "prettier src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsgo -d"

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -13,7 +13,7 @@
 		"remotiond": "remotiond-cli.js"
 	},
 	"scripts": {
-		"formatting": "prettier --experimental-cli src --check",
+		"formatting": "prettier src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsgo -d"

diff --git a/packages/cli/src/benchmark.ts b/packages/cli/src/benchmark.ts
@@ -211,6 +211,8 @@ export const benchmarkCommand = async (
 		ffmpegOverride,
 		height,
 		width,
+		fps,
+		durationInFrames,
 		concurrency: unparsedConcurrency,
 	} = getCliOptions({
 		isStill: false,
@@ -491,6 +493,8 @@ export const benchmarkCommand = async (
 						...composition,
 						width: width ?? composition.width,
 						height: height ?? composition.height,
+						fps: fps ?? composition.fps,
+						durationInFrames: durationInFrames ?? composition.durationInFrames,
 					},
 					crf: configFileCrf ?? null,
 					envVariables,

diff --git a/packages/cli/src/config/height.ts b/packages/cli/src/config/height.ts
diff --git a/packages/cli/src/config/index.ts b/packages/cli/src/config/index.ts
@@ -44,7 +44,6 @@ import {
 	setFfmpegOverrideFunction,
 } from './ffmpeg-override';
 import {setFrameRange} from './frame-range';
-import {getHeight, overrideHeight} from './height';
 import {setImageSequence} from './image-sequence';
 import {getMetadata, setMetadata} from './metadata';
 import {getShouldOpenBrowser, setShouldOpenBrowser} from './open-browser';
@@ -57,7 +56,6 @@ import {
 	getWebpackPolling,
 	setWebpackPollingInMilliseconds,
 } from './webpack-poll';
-import {getWidth, overrideWidth} from './width';
 
 export type {Concurrency, WebpackConfiguration, WebpackOverrideFn};
 
@@ -117,6 +115,10 @@ const {
 	userAgentOption,
 	disableWebSecurityOption,
 	ignoreCertificateErrorsOption,
+	overrideHeightOption,
+	overrideWidthOption,
+	overrideFpsOption,
+	overrideDurationOption,
 } = BrowserSafeApis.options;
 
 declare global {
@@ -390,6 +392,14 @@ declare global {
 		 * Overrides the width of a composition
 		 */
 		readonly overrideWidth: (newWidth: number) => void;
+		/**
+		 * Overrides the FPS of a composition
+		 */
+		readonly overrideFps: (newFps: number) => void;
+		/**
+		 * Overrides the duration in frames of a composition
+		 */
+		readonly overrideDuration: (newDuration: number) => void;
 		/**
 		 * Set the ProRes profile.
 		 * This method is only valid if the codec has been set to 'prores'.
@@ -702,8 +712,10 @@ export const Config: FlatConfig = {
 	setVideoBitrate: videoBitrateOption.setConfig,
 	setAudioLatencyHint: audioLatencyHintOption.setConfig,
 	setForSeamlessAacConcatenation: forSeamlessAacConcatenationOption.setConfig,
-	overrideHeight,
-	overrideWidth,
+	overrideHeight: overrideHeightOption.setConfig,
+	overrideWidth: overrideWidthOption.setConfig,
+	overrideFps: overrideFpsOption.setConfig,
+	overrideDuration: overrideDurationOption.setConfig,
 	overrideFfmpegCommand: setFfmpegOverrideFunction,
 	setAudioCodec: audioCodecOption.setConfig,
 	setOffthreadVideoCacheSizeInBytes: (size) => {
@@ -746,8 +758,6 @@ export const ConfigInternals = {
 	getMaxTimelineTracks: StudioServerInternals.getMaxTimelineTracks,
 	defaultOverrideFunction,
 	getFfmpegOverrideFunction,
-	getHeight,
-	getWidth,
 	getMetadata,
 	getEntryPoint,
 	getWebpackPolling,

diff --git a/packages/cli/src/config/width.ts b/packages/cli/src/config/width.ts
diff --git a/packages/cli/src/get-cli-options.ts b/packages/cli/src/get-cli-options.ts
@@ -64,8 +64,19 @@ export const getCliOptions = (options: {
 		commandLine: parsedCli,
 	}).value;
 
-	const height = ConfigInternals.getHeight();
-	const width = ConfigInternals.getWidth();
+	const height = BrowserSafeApis.options.overrideHeightOption.getValue({
+		commandLine: parsedCli,
+	}).value;
+	const width = BrowserSafeApis.options.overrideWidthOption.getValue({
+		commandLine: parsedCli,
+	}).value;
+	const fps = BrowserSafeApis.options.overrideFpsOption.getValue({
+		commandLine: parsedCli,
+	}).value;
+	const durationInFrames =
+		BrowserSafeApis.options.overrideDurationOption.getValue({
+			commandLine: parsedCli,
+		}).value;
 
 	RenderInternals.validateConcurrency({
 		value: concurrency,
@@ -87,5 +98,7 @@ export const getCliOptions = (options: {
 		ffmpegOverride: ConfigInternals.getFfmpegOverrideFunction(),
 		height,
 		width,
+		fps,
+		durationInFrames,
 	};
 };
diff --git a/packages/cli/src/get-composition-with-dimension-override.ts b/packages/cli/src/get-composition-with-dimension-override.ts
@@ -13,6 +13,8 @@ import {getCompositionId} from './get-composition-id';
 export const getCompositionWithDimensionOverride = async ({
 	height,
 	width,
+	fps,
+	durationInFrames,
 	args,
 	compositionIdFromUi,
 	chromiumOptions,
@@ -35,6 +37,8 @@ export const getCompositionWithDimensionOverride = async ({
 }: {
 	height: number | null;
 	width: number | null;
+	fps: number | null;
+	durationInFrames: number | null;
 	args: (string | number)[];
 	compositionIdFromUi: string | null;
 	timeoutInMilliseconds: number;
@@ -88,6 +92,8 @@ export const getCompositionWithDimensionOverride = async ({
 			...returnValue.config,
 			height: height ?? returnValue.config.height,
 			width: width ?? returnValue.config.width,
+			fps: fps ?? returnValue.config.fps,
+			durationInFrames: durationInFrames ?? returnValue.config.durationInFrames,
 		},
 	};
 };
diff --git a/packages/cli/src/parse-command-line.ts b/packages/cli/src/parse-command-line.ts
@@ -42,6 +42,10 @@ const {
 	userAgentOption,
 	disableWebSecurityOption,
 	ignoreCertificateErrorsOption,
+	overrideHeightOption,
+	overrideWidthOption,
+	overrideFpsOption,
+	overrideDurationOption,
 } = BrowserSafeApis.options;
 
 export type CommandLineOptions = {
@@ -109,8 +113,10 @@ export type CommandLineOptions = {
 	['disable-keyboard-shortcuts']: boolean;
 	['enable-experimental-client-side-rendering']: boolean;
 	muted: boolean;
-	height: number;
-	width: number;
+	[overrideHeightOption.cliFlag]: TypeOfOption<typeof overrideHeightOption>;
+	[overrideWidthOption.cliFlag]: TypeOfOption<typeof overrideWidthOption>;
+	[overrideFpsOption.cliFlag]: TypeOfOption<typeof overrideFpsOption>;
+	[overrideDurationOption.cliFlag]: TypeOfOption<typeof overrideDurationOption>;
 	runs: number;
 	concurrencies: string;
 	[enforceAudioOption.cliFlag]: TypeOfOption<typeof enforceAudioOption>;
@@ -141,14 +147,6 @@ export const parseCommandLine = () => {
 		Config.setCachingEnabled(parsedCli['bundle-cache'] !== 'false');
 	}
 
-	if (parsedCli.height) {
-		Config.overrideHeight(parsedCli.height);
-	}
-
-	if (parsedCli.width) {
-		Config.overrideWidth(parsedCli.width);
-	}
-
 	if (parsedCli.frames) {
 		ConfigInternals.setFrameRangeFromCli(parsedCli.frames);
 	}

diff --git a/packages/cli/src/render-flows/render.ts b/packages/cli/src/render-flows/render.ts
@@ -80,6 +80,8 @@ export const renderVideoFlow = async ({
 	port,
 	height,
 	width,
+	fps,
+	durationInFrames,
 	remainingArgs,
 	compositionIdFromUi,
 	entryPointReason,
@@ -145,6 +147,8 @@ export const renderVideoFlow = async ({
 	port: number | null;
 	height: number | null;
 	width: number | null;
+	fps: number | null;
+	durationInFrames: number | null;
 	remainingArgs: (string | number)[];
 	compositionIdFromUi: string | null;
 	outputLocationFromUI: string | null;
@@ -373,6 +377,8 @@ export const renderVideoFlow = async ({
 		await getCompositionWithDimensionOverride({
 			height,
 			width,
+			fps,
+			durationInFrames,
 			args: remainingArgs,
 			compositionIdFromUi,
 			browserExecutable,
@@ -640,6 +646,8 @@ export const renderVideoFlow = async ({
 			...config,
 			width: width ?? config.width,
 			height: height ?? config.height,
+			fps: fps ?? config.fps,
+			durationInFrames: durationInFrames ?? config.durationInFrames,
 		},
 		crf: crf ?? null,
 		envVariables,

diff --git a/packages/cli/src/render-flows/still.ts b/packages/cli/src/render-flows/still.ts
@@ -58,6 +58,9 @@ export const renderStillFlow = async ({
 	chromiumOptions,
 	envVariables,
 	height,
+	width,
+	fps,
+	durationInFrames,
 	serializedInputPropsWithCustomSchema,
 	overwrite,
 	port,
@@ -66,7 +69,6 @@ export const renderStillFlow = async ({
 	jpegQuality,
 	scale,
 	stillFrame,
-	width,
 	compositionIdFromUi,
 	imageFormatFromUi,
 	logLevel,
@@ -104,6 +106,8 @@ export const renderStillFlow = async ({
 	publicDir: string | null;
 	height: number | null;
 	width: number | null;
+	fps: number | null;
+	durationInFrames: number | null;
 	compositionIdFromUi: string | null;
 	imageFormatFromUi: StillImageFormat | null;
 	logLevel: LogLevel;
@@ -255,6 +259,8 @@ export const renderStillFlow = async ({
 		await getCompositionWithDimensionOverride({
 			height,
 			width,
+			fps,
+			durationInFrames,
 			args: remainingArgs,
 			compositionIdFromUi,
 			browserExecutable,

diff --git a/packages/cli/src/render-queue/process-still.ts b/packages/cli/src/render-queue/process-still.ts
@@ -56,6 +56,9 @@ export const processStill = async ({
 		entryPointReason: 'same as Studio',
 		envVariables: job.envVariables,
 		height: null,
+		width: null,
+		fps: null,
+		durationInFrames: null,
 		fullEntryPoint,
 		serializedInputPropsWithCustomSchema:
 			job.serializedInputPropsWithCustomSchema,
@@ -67,7 +70,6 @@ export const processStill = async ({
 		remainingArgs: [],
 		scale: job.scale,
 		stillFrame: job.frame,
-		width: null,
 		compositionIdFromUi: job.compositionId,
 		imageFormatFromUi: job.imageFormat,
 		logLevel: job.logLevel,

diff --git a/packages/cli/src/render-queue/process-video.ts b/packages/cli/src/render-queue/process-video.ts
@@ -59,6 +59,9 @@ export const processVideoJob = async ({
 		entryPointReason: 'same as Studio',
 		envVariables: job.envVariables,
 		height: null,
+		width: null,
+		fps: null,
+		durationInFrames: null,
 		fullEntryPoint,
 		serializedInputPropsWithCustomSchema:
 			job.serializedInputPropsWithCustomSchema,
@@ -69,7 +72,6 @@ export const processVideoJob = async ({
 		jpegQuality: job.jpegQuality ?? undefined,
 		remainingArgs: [],
 		scale: job.scale,
-		width: null,
 		compositionIdFromUi: job.compositionId,
 		logLevel: job.logLevel,
 		onProgress,