Remix provides support for Vanilla Extract out of the box. See Vanilla Extract | Remix for details.

Remix’s (unstable) Vite compiler works with the Vite integration. It’s as simple as adding the @vanilla-extract/vite-plugin to your Vite config:

import { unstable_vitePlugin as remix } from '@remix-run/dev'; import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'; import { defineConfig } from 'vite'; export default defineConfig({ plugins: [remix(), vanillaExtractPlugin()] });

See Vite (Unstable) | Remix for more details.