wind-themes 🎨

wind-themes is a lightweight tailwindcss plugin that handles multiple themes 🖍

You can try switching back and forth the themes in the Playground.
This page also remembers the theme you set the last time you visited with the help of the bundled <ThemeProvider /> for React!

Head over to the repository to read more on how to add wind-themes to your tailwindcss config.

Playground

Log In

Forgot Password

soft-gold

Active
primary
primary-100
secondary
secondary-100
text
text-100
border

dark-red

primary
primary-100
secondary
secondary-100
text
text-100
border

light-purple

primary
primary-100
secondary
secondary-100
text
text-100
border

full-purple

primary
primary-100
secondary
secondary-100
text
text-100
border