Packed with examples for different frameworks,
this repo helps you get started with twin.macro a whole lot faster.

---

Examples

App build tools and libraries

• Parcel
  styled-components / emotion / emotion (ts)
• Webpack
  styled-components (ts) / emotion (ts)
• Preact
  styled-components / emotion / goober
• Create React App
  styled-components / emotion
• Vite
  styled-components (ts) / emotion (ts) / solid (ts) 🎉
• Jest / React Testing Library
  styled-components (ts) / emotion (ts)

Advanced frameworks

• Next.js
  styled-components / styled-components (ts) / emotion / emotion (ts) / stitches (ts)
• T3 App
  styled-components (ts) 🎉 / emotion (ts) 🎉
• Blitz.js
  emotion (ts)
• Gatsby
  styled-components / emotion

Component libraries

• Storybook
  styled-components (ts) / emotion / emotion (ts) 🎉
• yarn/npm workspaces + Next.js + shared ui components
  styled-components
• Yarn workspaces + Rollup
  emotion
• HeadlessUI (ts)

🎉 : Fresh example

Contributions

Contributions are welcome! Feel free to report any issues or add a new example to this list via a PR.

Community

Drop into our Discord server for announcements, help and styling chat.