Presets

@twind/preset-autoprefix

CSS vendor prefixer and property alias mapper preset.

🧭 Explore the examples
📓 Consult the API reference
📜 Read the changelog

📦 Installation

Install from npm:

npm install @twind/core @twind/preset-autoprefix

Add the preset to your twind config:

twind.config.js

import { defineConfig } from '@twind/core'
import presetAutoprefix from '@twind/preset-autoprefix'

export default defineConfig({
  presets: [presetAutoprefix()],
  /* config */
})

Usage with a script tag

html

<head>
  <script
    src="https://cdn.jsdelivr.net/combine/npm/@twind/core@1,npm/@twind/preset-autoprefix@1"
    crossorigin
  ></script>
  <script>
    twind.install({
      presets: [twind.presetAutoprefix()],
      /* config */
    })
  </script>
</head>

with Twind CDN

Already included in @twind/cdn