Remix

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 { 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.