@remotion/tailwind-v4

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import {ExperimentalBadge} from '../../components/Experimental'; import {TableOfContents} from './TableOfContents';

This package provides utilities useful for integrating TailwindCSS v4 with Remotion, as documented on our TailwindCSS page.

Installation

Install @remotion/tailwind-v4 as well as TailwindCSS dependencies.

Override the Webpack config by using enableTailwind().

import {Config} from '@remotion/cli/config';
import {enableTailwind} from '@remotion/tailwind-v4';

Config.overrideWebpackConfig((currentConfiguration) => {
  return enableTailwind(currentConfiguration);
});

Then follow the remaining set up steps from the TailwindCSS page.

APIs