Getting Started
Examples
We have created a few examples to get you started:
| Example | Try it live at | Description |
|---|---|---|
| Basic | Stackblitz • Codesandbox | using @twind/preset-autoprefix and @twind/preset-tailwind |
| Playground | Stackblitz • Codesandbox | using using all presets |
Presets
| Example | Try it live at | Description |
|---|---|---|
| Tailwind Forms | Stackblitz • Codesandbox | using @twind/preset-autoprefix and @twind/preset-tailwind and @twind/preset-tailwind-forms |
| Twind CDN | Stackblitz • Codesandbox | using @twind/cdn |
Integrations
| Example | Try it live at | Description |
|---|---|---|
| Gatsby | with Gatsby using gatsby-plugin-twind, @twind/preset-autoprefix and @twind/preset-tailwind | |
| Lit | Stackblitz • Codesandbox | with Lit using @twind/with-web-components, @twind/preset-autoprefix and @twind/preset-tailwind |
| Next.js | Stackblitz • Codesandbox | with Next.js using @twind/with-next, @twind/preset-autoprefix and @twind/preset-tailwind |
| Remix & React v17 | Stackblitz • Codesandbox | with Remix & React v17 using @twind/with-react, @twind/preset-autoprefix and @twind/preset-tailwind |
| Remix & React v18 | Stackblitz • Codesandbox | with Remix & React v18 using @twind/with-react, @twind/preset-autoprefix and @twind/preset-tailwind |
| SvelteKit | Stackblitz • Codesandbox | with SvelteKit using @twind/with-sveltekit, @twind/preset-autoprefix and @twind/preset-tailwind |
| Web Components | Stackblitz • Codesandbox | using @twind/with-web-components, @twind/preset-autoprefix and @twind/preset-tailwind |