remotion-dev · JonnyBurger · Jun 23, 2025 · Jun 23, 2025 · Jun 23, 2025 · Jun 23, 2025
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
 
 - `pnpm` 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 src --write` to format the code. Do not run the formatted on the docs.
+- After making code changes, run `bunx prettier --experimental-cli src --write` to format the code. Do not run the formatted on the docs.
 
 ## Documentation
 

diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
 		"@types/deno": "2.0.0",
 		"@types/react": "19.0.0",
 		"@types/react-dom": "19.0.0",
-		"prettier": "3.3.3",
+		"prettier": "3.6.0",
 		"prettier-plugin-organize-imports": "3.2.4"
 	},
 	"dependencies": {

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 src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src"

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 src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -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 src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -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 src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsc -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 src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsc -d"

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

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -9,7 +9,7 @@
 	"types": "dist/cjs/index.d.ts",
 	"module": "dist/esm/index.mjs",
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"prepublishOnly": "bun ensure-correct-version.ts && cp ../../README.md .",
 		"lint": "eslint src",
 		"test": "bun test src/test",

diff --git a/packages/create-video/package.json b/packages/create-video/package.json
@@ -13,7 +13,7 @@
 		"dist"
 	],
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"

diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -6,7 +6,7 @@
 	"private": true,
 	"version": "4.0.318",
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"docusaurus": "docusaurus",
 		"start": "bun update-prompt.ts && cd .. && bun run build && cd docs && docusaurus start --host 0.0.0.0",
 		"build-docs": "DOCUSAURUS_IGNORE_SSG_WARNINGS=true node --max_old_space_size=16000 node_modules/@docusaurus/core/bin/docusaurus.mjs build && bun copy-convert.ts && bun count-pages.ts",

diff --git a/packages/docs/src/css/custom.css b/packages/docs/src/css/custom.css
@@ -72,9 +72,10 @@ h6 {
 	--ifm-color-primary-lighter: #2f96f6;
 	--ifm-color-primary-lightest: #53a9f7;
 	--ifm-code-font-size: 100%;
-	--ifm-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
-		Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica,
-		Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+	--ifm-font-family-base:
+		system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans,
+		sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
+		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 	--ifm-font-size-base: 16px;
 }
 

diff --git a/packages/enable-scss/package.json b/packages/enable-scss/package.json
@@ -12,7 +12,7 @@
 	"scripts": {
 		"lint": "eslint src",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts",
-		"formatting": "prettier src --check"
+		"formatting": "prettier --experimental-cli src --check"
 	},
 	"author": "Jonny Burger <[email protected]>",
 	"contributors": [],

diff --git a/packages/eslint-config-flat/package.json b/packages/eslint-config-flat/package.json
@@ -12,7 +12,7 @@
 	],
 	"scripts": {
 		"lint": "eslint src",
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"bugs": {

diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
@@ -11,7 +11,7 @@
 	],
 	"scripts": {
 		"lint": "eslint src",
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"make": "tsc -d"
 	},
 	"bugs": {

diff --git a/packages/example-videos/package.json b/packages/example-videos/package.json
@@ -8,7 +8,7 @@
 	"types": "dist/index.d.ts",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -d"
 	},

diff --git a/packages/example/package.json b/packages/example/package.json
@@ -12,7 +12,7 @@
 		"dist"
 	],
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"dev": "remotion studio --props src/my-props.json",
 		"start-bun": "PATCH_BUN_DEVELOPMENT=true bun --bun remotion studio",
 		"start-js": "remotion preview src/entry.jsx",
@@ -80,7 +80,7 @@
 		"lottie-web": "5.13.0",
 		"opentype.js": "^1.3.4",
 		"polished": "^4.0.5",
-		"prettier": "3.3.3",
+		"prettier": "3.6.0",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"react-is": "19.0.0",

diff --git a/packages/example/src/AudioVisualization/index.tsx b/packages/example/src/AudioVisualization/index.tsx
@@ -42,8 +42,9 @@ const Orb = styled.div`
 	justify-content: center;
 	align-items: center;
 	font-size: 70px;
-	font-family: --apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-		Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+	font-family:
+		--apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+		Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 	font-weight: bold;
 	text-transform: lowercase;
 	flex-direction: column;

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

diff --git a/packages/gif/package.json b/packages/gif/package.json
@@ -15,7 +15,7 @@
 	"types": "dist/cjs/index.d.ts",
 	"module": "dist/esm/index.mjs",
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -d && node build.mjs && bun --env-file=../.env.bundle bundle.ts"
 	},

diff --git a/packages/google-fonts/package.json b/packages/google-fonts/package.json
@@ -11,7 +11,7 @@
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts",
 		"generate": "bun --env-file=.env scripts/update-font-db.ts",
 		"prepublishOnly": "bun run generate",
-		"formatting": "prettier src --check"
+		"formatting": "prettier --experimental-cli src --check"
 	},
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
@@ -21,7 +21,7 @@
 		"@types/css-font-loading-module": "0.0.14",
 		"@types/prettier": "^2.7.1",
 		"postcss": "8.4.47",
-		"prettier": "3.3.3"
+		"prettier": "3.6.0"
 	},
 	"files": [
 		"dist"

diff --git a/packages/google-fonts/scripts/update-font-db.ts b/packages/google-fonts/scripts/update-font-db.ts
@@ -27,14 +27,14 @@ export const googleFonts: Font[] = ${JSON.stringify(json.items, null, 2)};
 `.trimStart();
 
 await Bun.write(__dirname + '/google-fonts.ts', contents);
-await $`bunx prettier --write ${__dirname}/google-fonts.ts`;
+await $`bunx prettier --experimental-cli --write ${__dirname}/google-fonts.ts`;
 
 const packageJson = JSON.parse(await Bun.file('package.json').text());
 packageJson.typesVersions['>=1.0'] = {};
 await Bun.write('package.json', JSON.stringify(packageJson, null, 2));
 
 await $`bun scripts/generate.ts && bun scripts/generate-index.ts`;
-await $`bunx prettier --write src`;
+await $`bunx prettier --experimental-cli --write src`;
 await $`bun run make`;
 await $`bun ensure-generation.ts`;
 

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

diff --git a/packages/it-tests/package.json b/packages/it-tests/package.json
@@ -10,7 +10,7 @@
 		"testssr": "bun test src/ssr src/bundle src/webcodecs src/templates src/monorepo --timeout 40000",
 		"testlambda": "exit 0",
 		"lint": "tsc -d",
-		"formatting": "prettier src --check"
+		"formatting": "prettier --experimental-cli src --check"
 	},
 	"private": true,
 	"devDependencies": {

diff --git a/packages/it-tests/src/templates/validate-templates.test.ts b/packages/it-tests/src/templates/validate-templates.test.ts
@@ -45,7 +45,7 @@ describe('Templates should be valid', () => {
 				expect(body.dependencies['@types/web']).toInclude('0.0.166');
 			}
 
-			expect(body.devDependencies.prettier).toMatch('3.3.3');
+			expect(body.devDependencies.prettier).toMatch('3.6.0');
 			expect(body.private).toBe(true);
 			expect(body.name).toStartWith('template-');
 

diff --git a/packages/lambda-client/package.json b/packages/lambda-client/package.json
@@ -7,7 +7,7 @@
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"test": "bun test src",
 		"lint": "eslint src",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"

diff --git a/packages/lambda/package.json b/packages/lambda/package.json
@@ -8,7 +8,7 @@
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"testlambda": "exit 0",
 		"test": "bun test src/test/unit",

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

diff --git a/packages/licensing/package.json b/packages/licensing/package.json
@@ -9,7 +9,7 @@
 	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src",
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src/test/prod-domain.test.ts"
 	},

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

diff --git a/packages/media-parser/package.json b/packages/media-parser/package.json
@@ -7,7 +7,7 @@
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"test": "bun test src/test",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts",

diff --git a/packages/media-utils/package.json b/packages/media-utils/package.json
@@ -8,7 +8,7 @@
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -d"
 	},

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

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

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

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

diff --git a/packages/player-example/package.json b/packages/player-example/package.json
@@ -26,7 +26,7 @@
 		"eslint": "9.19.0"
 	},
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"dev": "next dev",
 		"build-site": "next build"

diff --git a/packages/player/package.json b/packages/player/package.json
@@ -10,7 +10,7 @@
 	"module": "dist/esm/index.mjs",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -d && bun ensure-correct-version.ts && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src",

diff --git a/packages/preload/package.json b/packages/preload/package.json
@@ -9,7 +9,7 @@
 	"types": "dist/index.d.ts",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"make": "tsc -d"
 	},

diff --git a/packages/renderer/package.json b/packages/renderer/package.json
@@ -9,7 +9,7 @@
 	"types": "dist/index.d.ts",
 	"sideEffects": false,
 	"scripts": {
-		"formatting": "prettier src --check",
+		"formatting": "prettier --experimental-cli src --check",
 		"lint": "eslint src",
 		"test": "bun test src",
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"