Some examples of how to use the Twind. These are great for reproductions of issues.
Example | Try it live at | Description |
---|---|---|
Basic | Stackblitz • Codesandbox | using @twind/preset-autoprefix and @twind/preset-tailwind |
Playground | Stackblitz • Codesandbox | using using all 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 |
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 |