Back to Remotion

@remotion/tailwind-v4

packages/docs/docs/tailwind-v4/overview.mdx

4.0.462976 B
Original Source

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.

<Installation pkg="@remotion/tailwind-v4" />

Override the Webpack config by using enableTailwind().

ts
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

<TableOfContents />