// @ts-expect-error
import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
const sidebars: SidebarsConfig = {
apiSidebar: [
'api',
{
type: 'category',
label: 'Command line',
link: {
type: 'doc',
id: 'cli/cli',
},
collapsed: true,
items: [
'cli/create-video',
'cli/studio',
'cli/render',
'cli/still',
'cli/compositions',
'cli/bundle',
{
type: 'category',
label: 'lambda',
link: {
type: 'doc',
id: 'lambda/cli',
},
items: [
{
type: 'category',
label: 'sites',
link: {
type: 'doc',
id: 'lambda/cli/sites',
},
items: [
'lambda/cli/sites/create',
'lambda/cli/sites/ls',
'lambda/cli/sites/rm',
'lambda/cli/sites/rmall',
],
},
{
type: 'category',
label: 'functions',
link: {
type: 'doc',
id: 'lambda/cli/functions',
},
items: [
'lambda/cli/functions/deploy',
'lambda/cli/functions/ls',
'lambda/cli/functions/rm',
'lambda/cli/functions/rmall',
],
},
'lambda/cli/render',
'lambda/cli/still',
'lambda/cli/policies',
'lambda/cli/compositions',
'lambda/cli/regions',
'lambda/cli/quotas',
],
},
{
type: 'category',
label: 'cloudrun',
link: {
type: 'doc',
id: 'cloudrun/cli',
},
items: [
{
type: 'category',
label: 'sites',
link: {
type: 'doc',
id: 'cloudrun/cli/sites',
},
items: [
'cloudrun/cli/sites/create',
'cloudrun/cli/sites/ls',
'cloudrun/cli/sites/rm',
'cloudrun/cli/sites/rmall',
],
},
{
type: 'category',
label: 'services',
link: {
type: 'doc',
id: 'cloudrun/cli/services',
},
items: [
'cloudrun/cli/services/deploy',
'cloudrun/cli/services/ls',
'cloudrun/cli/services/rm',
'cloudrun/cli/services/rmall',
],
},
'cloudrun/cli/render',
'cloudrun/cli/still',
'cloudrun/cli/permissions',
'cloudrun/cli/regions',
],
},
'cli/benchmark',
{
type: 'category',
label: 'browser',
link: {
type: 'doc',
id: 'cli/browser/index',
},
items: ['cli/browser/ensure'],
},
'cli/versions',
'cli/upgrade',
'cli/add',
'cli/skills',
'cli/ffmpeg',
'cli/ffprobe',
'cli/gpu',
'cli/transcribe',
'cli/help',
],
},
'config',
{
type: 'html',
value:
'
', // The HTML to be rendered
defaultStyle: true, // Use the default menu item styling
},
{
type: 'category',
label: 'remotion',
link: {
type: 'doc',
id: 'remotion',
},
items: [
'absolute-fill',
'artifact',
'calculate-metadata',
'cancel-render',
'canvasimage',
'composition',
'continue-render',
'delay-render',
'easing',
'folder',
'freeze',
'get-input-props',
'get-remotion-environment',
'getstaticfiles',
'html5-audio',
'html5-video',
'remotion/html-in-canvas',
'iframe',
'img',
'interpolate-colors',
'interpolate',
'loop',
'measure-spring',
'offthreadvideo',
'animatedimage',
'prefetch',
'random',
'register-root',
'sequence',
'series',
'spring',
'solid',
'staticfile',
'still',
'use-buffer-state',
'use-current-frame',
'use-current-scale',
'use-delay-render',
'use-remotion-environment',
'use-video-config',
'version',
'watchstaticfile',
],
},
{
type: 'category',
label: '@remotion/animated-emoji',
link: {
type: 'doc',
id: 'animated-emoji/index',
},
items: [
'animated-emoji/animated-emoji',
'animated-emoji/get-available-emoji',
],
},
{
type: 'category',
label: '@remotion/animation-utils',
link: {
type: 'doc',
id: 'animation-utils/index',
},
items: [
'animation-utils/make-transform',
'animation-utils/interpolate-styles',
],
},
{
type: 'category',
label: '@remotion/bundler',
link: {
type: 'doc',
id: 'bundler',
},
items: ['bundle'],
},
{
type: 'category',
label: '@remotion/captions',
link: {
type: 'doc',
id: 'captions/api',
},
items: [
'captions/caption',
'captions/parse-srt',
'captions/serialize-srt',
'captions/create-tiktok-style-captions',
],
},
{
type: 'category',
label: '@remotion/cloudrun',
link: {
type: 'doc',
id: 'cloudrun/api',
},
items: [
{
type: 'link',
href: '/docs/cloudrun/cli',
label: 'CLI Reference',
},
'cloudrun/getserviceinfo',
'cloudrun/deployservice',
'cloudrun/deleteservice',
'cloudrun/getservices',
'cloudrun/speculateservicename',
'cloudrun/getregions',
'cloudrun/deploysite',
'cloudrun/deletesite',
'cloudrun/getsites',
'cloudrun/getorcreatebucket',
'cloudrun/rendermediaoncloudrun',
'cloudrun/renderstilloncloudrun',
'cloudrun/testpermissions',
],
},
{
type: 'category',
label: '@remotion/effects',
link: {
type: 'doc',
id: 'effects/effects-api',
},
items: [
'effects/barrel-distortion',
'effects/blur',
'effects/brightness',
'effects/chromatic-aberration',
'effects/contrast',
'effects/drop-shadow',
'effects/duotone',
'effects/glow',
'effects/grayscale',
'effects/halftone',
'effects/halftone-linear-gradient',
'effects/hue',
'effects/dot-grid',
'effects/invert',
'effects/mirror',
'effects/noise',
'effects/saturation',
'effects/scale',
'effects/scanlines',
'effects/shine',
'effects/speckle',
'effects/tint',
'effects/uv-translate',
'effects/vignette',
'effects/wave',
'effects/xy-translate',
],
},
{
type: 'category',
label: '@remotion/elevenlabs',
link: {
type: 'doc',
id: 'elevenlabs/index',
},
items: ['elevenlabs/elevenlabs-transcript-to-captions'],
},
{
type: 'category',
label: '@remotion/enable-scss',
link: {
type: 'doc',
id: 'enable-scss/overview',
},
items: ['enable-scss/enable-scss'],
},
{
type: 'category',
label: '@remotion/fonts',
link: {
type: 'doc',
id: 'fonts-api/fonts-api',
},
items: ['fonts-api/load-font'],
},
{
type: 'category',
label: '@remotion/gif',
link: {
type: 'doc',
id: 'gif/index',
},
items: ['gif/gif', 'gif/get-gif-duration-in-seconds', 'gif/preload-gif'],
},
{
type: 'category',
label: '@remotion/google-fonts',
link: {
type: 'doc',
id: 'google-fonts/google-fonts',
},
items: [
'google-fonts/load-font',
'google-fonts/get-available-fonts',
'google-fonts/get-info',
'google-fonts/load-font-from-info',
],
},
{
type: 'category',
label: '@remotion/install-whisper-cpp',
link: {
type: 'doc',
id: 'install-whisper-cpp/index',
},
items: [
'install-whisper-cpp/install-whisper-cpp',
'install-whisper-cpp/download-whisper-model',
'install-whisper-cpp/transcribe',
'install-whisper-cpp/to-captions',
'install-whisper-cpp/convert-to-captions',
],
},
{
type: 'category',
label: '@remotion/lambda',
link: {
type: 'doc',
id: 'lambda/api',
},
items: [
{
type: 'link',
href: '/docs/lambda/cli',
label: 'CLI Reference',
},
'lambda/estimateprice',
'lambda/deployfunction',
'lambda/deletefunction',
'lambda/getfunctioninfo',
'lambda/getfunctions',
'lambda/deletesite',
'lambda/deploysite',
'lambda/getawsclient',
'lambda/getregions',
'lambda/getsites',
'lambda/downloadmedia',
'lambda/deleterender',
'lambda/getuserpolicy',
'lambda/getrolepolicy',
'lambda/getcompositionsonlambda',
'lambda/getorcreatebucket',
'lambda/getrenderprogress',
'lambda/presignurl',
'lambda/rendermediaonlambda',
'lambda/renderstillonlambda',
'lambda/simulatepermissions',
'lambda/speculatefunctionname',
'lambda/validatewebhooksignature',
'lambda/approuterwebhook',
'lambda/pagesrouterwebhook',
'lambda/expresswebhook',
],
},
{
type: 'category',
label: '@remotion/layout-utils',
link: {
type: 'doc',
id: 'layout-utils/index',
},
items: [
'layout-utils/best-practices',
'layout-utils/measure-text',
'layout-utils/fill-text-box',
'layout-utils/fit-text',
'layout-utils/fit-text-on-n-lines',
'layout-utils/debug',
],
},
{
type: 'category',
label: '@remotion/licensing',
link: {
type: 'doc',
id: 'licensing/index',
},
items: ['licensing/register-usage-event', 'licensing/get-usage'],
},
{
type: 'category',
label: '@remotion/light-leaks',
link: {
type: 'doc',
id: 'light-leaks/light-leaks-api',
},
items: ['light-leaks/light-leak-effect', 'light-leaks/light-leak'],
},
{
type: 'category',
label: '@remotion/lottie',
link: {
type: 'doc',
id: 'lottie/lottie-index',
},
items: [
'lottie/lottie-comp',
'lottie/getlottiemetadata',
'lottie/lottie-staticfile',
'lottie/lottie-remote',
'lottie/lottie-lottiefiles',
],
},
{
type: 'category',
label: '@remotion/media',
link: {
type: 'doc',
id: 'media/index',
},
items: [
'media/audio',
'media/video',
'media/support',
'media/fallback',
'media/cache',
],
},
{
type: 'category',
label: '@remotion/media-utils',
link: {
type: 'doc',
id: 'media-utils/index',
},
items: [
'audio-buffer-to-data-url',
'get-audio-data',
'get-audio-duration-in-seconds',
'get-video-metadata',
'get-waveform-portion',
'use-audio-data',
'use-windowed-audio-data',
'visualize-audio',
'media-utils/visualize-audio-waveform',
'media-utils/create-smooth-svg-path',
'get-image-dimensions',
],
},
{
type: 'category',
label: '@remotion/motion-blur',
link: {
type: 'doc',
id: 'motion-blur/index',
},
items: [
'motion-blur/trail',
'motion-blur/camera-motion-blur',
'motion-blur/common-mistake',
],
},
{
type: 'category',
label: '@remotion/noise',
link: {
type: 'doc',
id: 'noise/index',
},
items: ['noise/noise-2d', 'noise/noise-3d', 'noise/noise-4d'],
},
{
type: 'category',
label: '@remotion/openai-whisper',
link: {
type: 'doc',
id: 'openai-whisper/index',
},
items: ['openai-whisper/openai-whisper-api-to-captions'],
},
{
type: 'category',
label: '@remotion/paths',
link: {
type: 'doc',
id: 'paths/index',
},
items: [
'paths/get-length',
'paths/get-point-at-length',
'paths/get-tangent-at-length',
'paths/get-instruction-index-at-length',
'paths/reverse-path',
'paths/normalize-path',
'paths/interpolate-path',
'paths/evolve-path',
'paths/reset-path',
'paths/get-subpaths',
'paths/translate-path',
'paths/warp-path',
'paths/scale-path',
'paths/get-bounding-box',
'paths/extend-viewbox',
'paths/parse-path',
'paths/serialize-instructions',
'paths/reduce-instructions',
'paths/get-parts',
],
},
{
type: 'category',
label: '@remotion/player',
link: {
type: 'doc',
id: 'player/installation',
},
items: [
{
type: 'link',
href: '/docs/player',
label: 'Guide + Examples',
},
'player/api',
'player/thumbnail',
],
},
{
type: 'category',
label: '@remotion/preload',
link: {
type: 'doc',
id: 'preload/preload',
},
items: [
'preload/preload-video',
'preload/preload-audio',
'preload/preload-image',
'preload/preload-font',
'preload/resolve-redirect',
],
},
{
type: 'category',
label: '@remotion/renderer',
link: {
type: 'doc',
id: 'renderer',
},
items: [
'renderer/get-compositions',
'renderer/select-composition',
'renderer/render-media',
'renderer/render-frames',
'renderer/render-still',
'renderer/stitch-frames-to-video',
'renderer/open-browser',
'renderer/ensure-browser',
'renderer/make-cancel-signal',
'renderer/ensure-ffmpeg',
'renderer/ensure-ffprobe',
'renderer/get-can-extract-frames-fast',
'renderer/get-video-metadata',
'renderer/get-silent-parts',
'renderer/combine-chunks',
'renderer/extract-audio',
'renderer/types',
],
},
{
type: 'category',
label: '@remotion/rive',
link: {
type: 'doc',
id: 'rive/index',
},
items: ['rive/index', 'rive/remotionrivecanvas'],
},
{
type: 'category',
label: '@remotion/rounded-text-box',
link: {
type: 'doc',
id: 'rounded-text-box/index',
},
items: ['rounded-text-box/create-rounded-text-box'],
},
{
type: 'category',
label: '@remotion/sfx',
link: {
type: 'doc',
id: 'sfx/index',
},
items: [
'sfx/whip',
'sfx/whoosh',
'sfx/page-turn',
'sfx/ui-switch',
'sfx/mouse-click',
'sfx/shutter-modern',
'sfx/shutter-old',
'sfx/ding',
'sfx/bruh',
'sfx/vine-boom',
'sfx/windows-xp-error',
'sfx/fah',
'sfx/spongebob-fail',
'sfx/omg-hell-nah',
'sfx/price-is-right-fail',
'sfx/romance-meme',
'sfx/bone-crack',
'sfx/anime-wow',
'sfx/yippee',
'sfx/loading-lag',
'sfx/wilhelm-scream',
'sfx/mac-quack',
'sfx/skedaddle',
'sfx/snapchat-notification',
'sfx/nelly-ahh',
'sfx/sanctuary-guardian-what',
'sfx/minecraft-hurt',
'sfx/oh-my-god-vine',
'sfx/illuminati-confirmed',
'sfx/dramatic-boomer',
'sfx/triggered',
'sfx/record-scratch',
],
},
{
type: 'category',
label: '@remotion/shapes',
link: {
type: 'doc',
id: 'shapes/index',
},
items: [
'shapes/arrow',
'shapes/rect',
'shapes/triangle',
'shapes/circle',
'shapes/ellipse',
'shapes/heart',
'shapes/star',
'shapes/pie',
'shapes/polygon',
'shapes/make-arrow',
'shapes/make-rect',
'shapes/make-triangle',
'shapes/make-circle',
'shapes/make-ellipse',
'shapes/make-heart',
'shapes/make-star',
'shapes/make-pie',
'shapes/make-polygon',
],
},
{
type: 'category',
label: '@remotion/skia',
link: {
type: 'doc',
id: 'skia/skia',
},
items: ['skia/enable-skia', 'skia/skia-canvas'],
},
{
type: 'category',
label: '@remotion/starburst',
link: {
type: 'doc',
id: 'starburst/starburst-api',
},
items: ['starburst/starburst-effect', 'starburst/starburst-component'],
},
{
type: 'category',
label: '@remotion/studio',
link: {
type: 'doc',
id: 'studio/api',
},
items: [
'studio/get-static-files',
'studio/watch-public-folder',
'studio/watch-static-file',
'studio/write-static-file',
'studio/delete-static-file',
'studio/restart-studio',
'studio/save-default-props',
'studio/play',
'studio/pause',
'studio/toggle',
'studio/seek',
'studio/go-to-composition',
'studio/update-default-props',
'studio/focus-default-props-path',
'studio/reevaluate-composition',
'studio/visual-control',
],
},
{
type: 'category',
label: '@remotion/tailwind',
link: {
type: 'doc',
id: 'tailwind/tailwind',
},
items: ['tailwind/enable-tailwind'],
},
{
type: 'category',
label: '@remotion/tailwind-v4',
link: {
type: 'doc',
id: 'tailwind-v4/overview',
},
items: ['tailwind-v4/enable-tailwind'],
},
{
type: 'category',
label: '@remotion/three',
link: {
type: 'doc',
id: 'three',
},
items: [
'three-canvas',
'use-video-texture',
'use-offthread-video-texture',
],
},
{
type: 'category',
label: '@remotion/transitions',
link: {
type: 'doc',
id: 'transitions/index',
},
items: [
'transitions/transitionseries',
'transitions/use-transition-progress',
'transitions/make-html-in-canvas-presentation',
{
type: 'category',
label: 'Timings',
link: {
type: 'doc',
id: 'transitions/timings/index',
},
items: [
'transitions/timings/springtiming',
'transitions/timings/lineartiming',
'transitions/timings/custom',
],
},
{
type: 'category',
label: 'Presentations',
link: {
type: 'doc',
id: 'transitions/presentations/index',
},
items: [
'transitions/presentations/fade',
'transitions/presentations/slide',
'transitions/presentations/wipe',
'transitions/presentations/flip',
'transitions/presentations/clock-wipe',
'transitions/presentations/iris',
'transitions/presentations/book-flip',
'transitions/presentations/zoom-blur',
'transitions/presentations/dreamy-zoom',
'transitions/presentations/film-burn',
'transitions/presentations/linear-blur',
'transitions/presentations/zoom-in-out',
'transitions/presentations/dissolve',
'transitions/presentations/ripple',
'transitions/presentations/crosswarp',
'transitions/presentations/cross-zoom',
'transitions/presentations/swap',
'transitions/presentations/none',
{
type: 'doc',
id: 'transitions/presentations/cube',
className: 'pro-item',
},
'transitions/presentations/custom',
'transitions/presentations/custom-html-in-canvas',
'transitions/audio-transitions',
],
},
],
},
{
type: 'category',
label: '@remotion/vercel',
link: {
type: 'doc',
id: 'vercel/vercel-api',
},
items: [
'vercel/create-sandbox',
'vercel/add-bundle-to-sandbox',
'vercel/render-media-on-vercel',
'vercel/get-render-progress',
'vercel/render-still-on-vercel',
'vercel/upload-to-vercel-blob',
'vercel/vercel-types',
],
},
{
type: 'category',
label: '@remotion/web-renderer',
link: {
type: 'doc',
id: 'web-renderer/index',
},
items: [
{
type: 'link',
href: '/docs/client-side-rendering',
label: 'Guide',
},
'web-renderer/render-media-on-web',
'web-renderer/render-still-on-web',
'web-renderer/can-render-media-on-web',
'web-renderer/get-encodable-video-codecs',
'web-renderer/get-encodable-audio-codecs',
'web-renderer/types',
],
},
{
type: 'category',
label: '@remotion/whisper-web',
link: {
type: 'doc',
id: 'whisper-web/index',
},
items: [
'whisper-web/download-whisper-model',
'whisper-web/transcribe',
'whisper-web/resample-to-16khz',
'whisper-web/can-use-whisper-web',
'whisper-web/get-available-models',
'whisper-web/get-loaded-models',
'whisper-web/to-captions',
],
},
{
type: 'category',
label: '@remotion/zod-types',
link: {
type: 'doc',
id: 'zod-types/index',
},
items: [
'zod-types/z-color',
'zod-types/z-textarea',
'zod-types/z-matrix',
'zod-types/v3',
],
},
{
type: 'html',
value:
'
',
defaultStyle: true,
},
{
type: 'category',
label: '@remotion/media-parser (deprecated)',
link: {
type: 'doc',
id: 'media-parser/index',
},
items: [
{
type: 'link',
href: '/docs/media-parser',
label: 'Guide',
},
'media-parser/types',
'media-parser/parse-media',
'media-parser/download-and-parse-media',
'media-parser/media-parser-controller',
'media-parser/parse-media-on-web-worker',
'media-parser/parse-media-on-server-worker',
'media-parser/has-been-aborted',
'media-parser/node-reader',
'media-parser/web-reader',
'media-parser/universal-reader',
'media-parser/node-writer',
'media-parser/webcodecs-timescale',
],
},
{
type: 'category',
label: '@remotion/webcodecs (deprecated)',
link: {
type: 'doc',
id: 'webcodecs/index',
},
items: [
{
type: 'link',
href: '/docs/webcodecs',
label: 'Guide',
},
'webcodecs/convert-media',
'webcodecs/webcodecs-controller',
'webcodecs/get-available-containers',
'webcodecs/can-reencode-audio-track',
'webcodecs/can-reencode-video-track',
'webcodecs/can-copy-audio-track',
'webcodecs/can-copy-video-track',
'webcodecs/default-on-audio-track-handler',
'webcodecs/default-on-video-track-handler',
'webcodecs/get-default-audio-codec',
'webcodecs/get-default-video-codec',
'webcodecs/get-available-audio-codecs',
'webcodecs/get-available-video-codecs',
'webcodecs/convert-audiodata',
'webcodecs/get-partial-audio-data',
'webcodecs/create-audio-decoder',
'webcodecs/create-video-decoder',
'webcodecs/extract-frames',
'webcodecs/extract-frames-on-web-worker',
'webcodecs/rotate-and-resize-video-frame',
'webcodecs/web-fs-writer',
'webcodecs/buffer-writer',
],
},
],
mainSidebar: [
{
type: 'category',
label: 'Getting started',
items: [
'getting-started',
'the-fundamentals',
'animating-properties',
'reusability',
'preview',
],
},
{
type: 'category',
label: 'Designing visuals',
items: [
'transforms',
'assets',
'layers',
'transitioning',
'fonts',
'measuring',
'using-randomness',
'maps',
'animation-math',
'html-in-canvas',
'noise-visualization',
'shaders',
'light-leaks',
'starburst',
],
},
{
type: 'category',
label: 'Adding video',
items: [
'videos/index',
'miscellaneous/snippets/align-duration',
'videos/sequence',
'videos/transparency',
'video-manipulation',
'miscellaneous/snippets/accelerated-video',
'miscellaneous/snippets/jumpcuts',
'miscellaneous/snippets/freeze-portions',
'video-tags',
'hls',
'videos/as-threejs-texture',
],
},
{
type: 'category',
label: 'Adding audio',
link: {
type: 'doc',
id: 'using-audio',
},
items: [
'audio/importing',
'audio/trimming',
'audio/delaying',
'audio/volume',
'audio/muting',
'audio/speed',
'audio/pitch',
'audio/from-video',
'audio/visualization',
'audio/sfx',
'audio/exporting',
'audio/order-of-operations',
],
},
{
type: 'category',
label: 'Parameterized videos',
link: {
type: 'doc',
id: 'parameterized-rendering',
},
items: [
'passing-props',
'schemas',
'visual-editing',
'data-fetching',
'dynamic-metadata',
'props-resolution',
],
},
{
type: 'category',
label: 'Captions',
link: {
type: 'doc',
id: 'captions/index',
},
items: [
'captions/importing',
'captions/transcribing',
'captions/displaying',
'captions/exporting',
],
},
{
type: 'html',
value:
'
', // The HTML to be rendered
defaultStyle: true, // Use the default menu item styling
},
{
type: 'category',
label: 'Rendering',
link: {
type: 'doc',
id: 'render',
},
items: [
'encoding',
'stills',
'scaling',
'transparent-videos',
'render-as-gif',
'overlay',
'quality',
'dataset-render',
'render-all',
'miscellaneous/video-formats',
'artifacts',
'metadata',
'hardware-acceleration',
'hdr',
'sample-rate',
],
},
{
type: 'category',
label: 'Server-side rendering',
link: {
type: 'doc',
id: 'ssr',
},
items: [
'ssr',
'ssr-node',
'docker',
'miscellaneous/linux-single-process',
'gpu',
'miscellaneous/cloud-gpu',
'miscellaneous/cloud-gpu-docker',
'compare-ssr',
'distributed-rendering',
'vercel-sandbox',
'cloudflare-containers',
'azure-container-apps',
],
},
{
type: 'category',
label: 'Client-side rendering',
link: {
type: 'doc',
id: 'client-side-rendering/index',
},
items: [
{
type: 'link',
href: '/docs/web-renderer',
label: 'API Reference',
},
'client-side-rendering/how-it-works',
'client-side-rendering/limitations',
'client-side-rendering/migration',
'client-side-rendering/cancellation',
'client-side-rendering/telemetry',
'client-side-rendering/html-in-canvas',
],
},
{
type: 'category',
label: 'Lambda',
link: {
type: 'doc',
id: 'lambda',
},
items: [
{
type: 'link',
href: '/docs/lambda/api',
label: 'API Reference',
},
'lambda/setup',
'lambda/authentication',
'lambda/permissions',
'lambda/region-selection',
'lambda/concurrency',
'lambda/runtime',
'lambda/disk-size',
'lambda/faq',
'lambda/light-client',
'lambda/custom-layers',
'lambda/separate-environments',
'lambda/custom-destination',
'lambda/checklist',
'lambda/webhooks',
'lambda/cost-example',
'lambda/autodelete',
{
type: 'category',
label: 'Troubleshooting',
items: [
'lambda/troubleshooting/debug',
'lambda/troubleshooting/permissions',
'lambda/troubleshooting/rate-limit',
'lambda/troubleshooting/unrecognizedclientexception',
'lambda/troubleshooting/bucket-disallows-acl',
'lambda/troubleshooting/security-token',
'lambda/troubleshooting/chrome-133-situation',
],
},
{
type: 'category',
label: 'Using without IAM users',
link: {
type: 'doc',
id: 'lambda/without-iam/index',
},
items: [
'lambda/without-iam/index',
'lambda/without-iam/example',
'lambda/without-iam/ec2',
],
},
'lambda/php',
'lambda/go',
'lambda/python',
'lambda/ruby',
'lambda/serverless-framework-integration',
'lambda/supabase',
'lambda/r2',
'lambda/insights',
'lambda/multiple-buckets',
'lambda/data-transfer-cost',
'lambda/how-lambda-works',
'lambda/bucket-naming',
'lambda/optimizing-cost',
'lambda/optimizing-speed',
'lambda/proxy',
'lambda/limits',
'lambda/changelog',
'lambda/upgrading',
'lambda/uninstall',
'lambda/s3-public-access',
'lambda/bucket-security',
'lambda/naming-convention',
],
},
{
type: 'category',
label: 'Cloud Run',
link: {
type: 'doc',
id: 'cloudrun',
},
items: [
'cloudrun',
'cloudrun/status',
'cloudrun/setup',
'cloudrun/permissions',
'cloudrun/generate-env',
'cloudrun/region-selection',
'cloudrun/checklist',
'cloudrun/instancecount',
'cloudrun/multiple-buckets',
'cloudrun/limits',
'cloudrun/light-client',
'cloudrun/upgrading',
'cloudrun/uninstall',
],
},
{
type: 'html',
value:
'
', // The HTML to be rendered
defaultStyle: true, // Use the default menu item styling
},
{
type: 'category',
label: 'Studio',
items: [
'studio/studio',
'studio/shortcuts',
'studio/quick-switcher',
'studio/code-edits',
'studio/deploy-static',
'studio/deploy-server',
],
},
{
type: 'category',
link: {
type: 'doc',
id: 'player/index',
},
label: 'Player',
items: [
{
type: 'link',
href: '/docs/player/player',
label: 'API Reference',
},
'player/examples',
'player/scaling',
'player/integration',
'player/autoplay',
'player/current-time',
'troubleshooting/player-flicker',
'player/buffer-state',
'player/preloading',
'player/premounting',
'player/best-practices',
'player/drag-and-drop/index',
'player/custom-controls',
'player/media-keys',
'player/playback-issues',
],
},
{
type: 'category',
label: 'Building apps',
items: [
'brownfield',
'studio-into-app',
'player-into-remotion-project',
'video-uploads',
'validating-user-videos',
'presigned-urls',
'font-picker',
'building-a-timeline',
'multiple-fps',
'electron',
'angular',
'svelte',
'vue',
'buy-a-video-editor',
],
},
{
type: 'category',
label: 'Mediabunny',
link: {
type: 'doc',
id: 'mediabunny/index',
},
items: [
'mediabunny/index',
'mediabunny/new-video',
'mediabunny/metadata',
'mediabunny/extract-thumbnail',
'mediabunny/extract-frames',
'mediabunny/can-decode',
'mediabunny/formats',
'mediabunny/webcodecs-bugs',
'mediabunny/version',
],
},
{
type: 'category',
label: 'AI',
link: {
type: 'doc',
id: 'ai/index',
},
items: [
'ai/coding-agents',
'ai/bolt',
'ai/chatbot',
'ai/generate',
'ai/dynamic-compilation',
'ai/ai-saas-template',
'ai/mcp',
'ai/system-prompt',
'ai/skills',
],
},
{
type: 'category',
label: 'Tooling',
items: [
'tailwind',
'env-variables',
'webpack',
'legacy-babel',
'javascript',
'third-party',
'miscellaneous/typescript-aliases',
'testing',
'figma',
'after-effects',
],
},
{
type: 'html',
value:
'
', // The HTML to be rendered
defaultStyle: true, // Use the default menu item styling
},
{
type: 'link',
href: '/docs/api',
label: 'API Reference',
},
{
type: 'category',
label: 'Terminology',
link: {
type: 'doc',
id: 'terminology',
},
items: [
'terminology/player',
'terminology/studio',
'terminology/concurrency',
'terminology/input-props',
'terminology/cloud-run-url',
'terminology/service-name',
'terminology/entry-point',
'terminology/root-file',
'terminology/remotion-root',
'terminology/public-dir',
'terminology/serve-url',
'terminology/bundle',
'terminology/sequence',
'terminology/composition',
],
},
{
type: 'category',
label: 'Snippets',
items: [
'miscellaneous/snippets/different-segments-at-different-speeds',
'miscellaneous/snippets/player-in-iframe',
'miscellaneous/snippets/combine-compositions',
],
},
{
type: 'category',
label: 'FAQ',
items: [
'miscellaneous/render-in-browser',
'miscellaneous/automatic-duration',
'miscellaneous/nextjs',
'vercel',
'miscellaneous/render-on-edge',
'miscellaneous/embed-studio',
'miscellaneous/absolute-paths',
'miscellaneous/live-streaming',
'miscellaneous/parse-media-vs-get-video-metadata',
'miscellaneous/pexels',
'compare/motion-canvas',
'lovable-for-motion-graphics',
],
},
{
type: 'category',
label: 'Miscellaneous',
items: [
'security',
'accessibility',
'chromium-flags',
'miscellaneous/changing-temp-dir',
'miscellaneous/chrome-headless-shell',
'miscellaneous/linux-dependencies',
'gl-options',
'bun',
'deno',
'standalone',
'miscellaneous/emojis',
'miscellaneous/cross-origin-isolation',
'cors-issues',
'media-fragments',
'react-native',
'detect-remotion',
],
},
'resources',
{
type: 'category',
label: 'Troubleshooting',
items: [
'troubleshooting/debug-failed-render',
'troubleshooting/video-has-no-sound',
'timeout',
'target-closed',
'media-playback-error',
'performance',
'webpack-dynamic-imports',
'non-seekable-media',
'flickering',
'version-mismatch',
'enametoolong',
'slow-method-to-extract-frame',
'wrong-composition-mount',
'staticfile-relative-paths',
'staticfile-remote-urls',
'troubleshooting/background-image',
'troubleshooting/css-animations',
'troubleshooting/nextjs-image',
'troubleshooting/rosetta',
'troubleshooting/loading-root-component',
'troubleshooting/defaultprops-too-big',
'troubleshooting/cannot-save-default-props',
'troubleshooting/could-not-be-parsed-as-a-value-list',
'troubleshooting/broken-fast-refresh',
'troubleshooting/timed-out-page-function',
'troubleshooting/delay-render-proxy',
'troubleshooting/webgl2-context',
'troubleshooting/bundling-bundle',
'troubleshooting/browser-launch',
'troubleshooting/sigkill',
'troubleshooting/subpixel-rendering',
'troubleshooting/could-not-find-executable-to-run',
'troubleshooting/stuck-render',
'troubleshooting/no-frame-found-at-position',
'troubleshooting/font-loading-errors',
],
},
{
type: 'category',
label: 'Get help',
link: {
type: 'doc',
id: 'get-help',
},
items: [
{
type: 'link',
href: '/docs/get-help',
label: 'How to get help',
},
{
type: 'link',
href: 'https://remotion.dev/discord',
label: 'Discord',
},
{
type: 'link',
href: 'https://remotion.dev/discord',
label: 'GitHub Issues',
},
'support',
],
},
{
type: 'category',
label: 'Upgrading',
items: [
'upgrading',
'5-0-migration',
'4-0-migration',
'3-0-migration',
'2-0-migration',
'react-19',
],
},
{
type: 'category',
label: 'Contributing',
items: [
'contributing/index',
'contributing/feature',
'contributing/option',
'contributing/docs',
'contributing/formatting',
'contributing/rust',
'contributing/web-renderer',
'contributing/presentation',
'contributing/sfx',
'authoring-packages',
],
},
'license',
'acknowledgements',
{
type: 'html',
value:
'
', // The HTML to be rendered
defaultStyle: true, // Use the default menu item styling
},
{
type: 'link',
href: '/docs/editor-starter',
label: 'Editor Starter',
className: 'pro-item',
},
{
type: 'link',
href: '/docs/timeline',
label: 'Timeline',
className: 'pro-item',
},
{
type: 'link',
href: '/docs/animated-captions',
label: 'Animated Captions',
className: 'pro-item',
},
{
type: 'link',
href: '/docs/recorder',
label: 'Recorder',
},
{
type: 'html',
value:
'
', // The HTML to be rendered
defaultStyle: true, // Use the default menu item styling
},
{
type: 'category',
label: 'Media Parser',
link: {
type: 'doc',
id: 'media-parser/index',
},
className: 'deprecated-item',
items: [
{
type: 'link',
href: '/docs/media-parser/parse-media',
label: 'API Reference',
},
'media-parser/metadata',
'media-parser/fields',
'media-parser/samples',
'media-parser/fast-and-slow',
'media-parser/readers',
'media-parser/tags',
'media-parser/download-and-parse',
'media-parser/workers',
'media-parser/format-support',
'media-parser/runtime-support',
'media-parser/pause-resume-abort',
'media-parser/seeking',
'media-parser/webcodecs',
'media-parser/foreign-file-types',
'media-parser/stream-selection',
],
},
{
type: 'category',
label: 'WebCodecs',
className: 'deprecated-item',
link: {
type: 'doc',
id: 'webcodecs/index',
},
items: [
{
type: 'link',
href: '/docs/webcodecs/convert-media',
label: 'API Reference',
},
'webcodecs/convert-a-video',
'webcodecs/rotate-a-video',
'webcodecs/resize-a-video',
'webcodecs/fix-mediarecorder-video',
'webcodecs/resample-audio-16khz',
'webcodecs/track-transformation',
'webcodecs/pause-resume-abort',
'webcodecs/misconceptions',
],
},
],
editorStarterSidebar: [
{
type: 'link',
href: '/docs',
label: '← Back to the main docs',
},
{
type: 'category',
label: 'Editor Starter',
link: {
type: 'doc',
id: 'editor-starter/index',
},
items: [
'editor-starter/demo',
'editor-starter/before-you-buy',
'editor-starter/buy',
'editor-starter/setup',
'editor-starter/dependencies',
'editor-starter/features',
'editor-starter/state-management',
'editor-starter/tracks-items-assets',
'editor-starter/undo-redo',
'editor-starter/copy-paste',
'editor-starter/cropping',
'editor-starter/snapping',
'editor-starter/fonts',
'editor-starter/asset-uploads',
'editor-starter/asset-cleanup',
'editor-starter/persistance',
'editor-starter/captioning',
'editor-starter/rendering',
'editor-starter/backend-routes',
'editor-starter/production-checklist',
'editor-starter/features-not-included',
'editor-starter/faq',
'editor-starter/vs-studio',
],
},
],
timelineSidebar: [
{
type: 'link',
href: '/docs',
label: '← Back to the main docs',
},
{
type: 'category',
label: 'Timeline',
link: {
type: 'doc',
id: 'timeline/index',
},
items: [
'timeline/demo',
'timeline/setup',
'timeline/usage',
'timeline/faq',
'timeline/render',
],
},
],
animatedCaptionsSidebar: [
{
type: 'link',
href: '/docs',
label: '← Back to the main docs',
},
{
type: 'category',
label: 'Animated Captions',
link: {
type: 'doc',
id: 'animated-captions/index',
},
items: ['animated-captions/faq'],
},
],
recorderSidebar: [
{
type: 'category',
label: 'Recorder',
items: [
'recorder/index',
'recorder/is-it-for-me',
'recorder/demo',
'recorder/setup',
'recorder/create',
{
type: 'category',
label: 'Record',
items: [
'recorder/record/index',
'recorder/record/manually',
'recorder/record/delete',
'recorder/record/cropping',
],
},
'recorder/captions',
{
type: 'category',
label: 'Editing',
collapsed: false,
items: [
'recorder/editing/editing',
'recorder/editing/silence-removal',
'recorder/editing/captions',
'recorder/editing/layout',
'recorder/editing/scenes',
'recorder/editing/endcard',
'recorder/editing/transitions',
'recorder/editing/chapters',
'recorder/editing/music',
'recorder/editing/b-roll',
'recorder/editing/cutting-clips',
'recorder/editing/normalizing-audio',
],
},
{
type: 'category',
label: 'Exporting',
collapsed: false,
items: [
'recorder/exporting',
'recorder/lambda-rendering',
'recorder/exporting-subtitles',
],
},
'recorder/source-control',
'recorder/external-recordings',
'recorder/experiments',
{
type: 'category',
label: 'Troubleshooting',
items: [
'recorder/troubleshooting/cannot-read-properties-of-undefined',
],
},
'recorder/roadmap',
'recorder/gear',
'recorder/our-recorder',
'recorder/support',
],
},
],
};
export default sidebars;