SWC

NextJS

Add the typewind plugin to your next.config.js.

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  experimental: {
    swcPlugins: [['typewind/swc', {}]],
  },
};
 
module.exports = nextConfig;

Standalone SWC

Add the typewind plugin to your .swcrc.

.swcrc

{
  "jsc": {
    "experimental": {
      "plugins": [["typewind/swc", {}]]
    }
  }
}

⚠️

The SWC transpiler compiled directly to WASM binary and can't read the Tailwind config file, so arbitrary values only work for predefined tailwind values.

Babel Vite