No doubt you've heard great things about Tailwind CSS. Maybe you've told yourself that you want to try it out, but after looking at installation instructions, you've put it on the back burner.
With the introduction of Tailwind Play, testing Tailwind CSS has never been easier!
Tailwind Play is Tailwind's new online playground! It comes with a snappy IDE window and gives you full access to Tailwind's feature set - allowing you to even customize the tailwind.config.js file!
Even if you aren't using Tailwind for production products, it has always been a great solution for quick prototyping and with the introduction of Tailwind Play, it's never been easier to get started!
Benefits of Tailwind Play
- Full access to Tailwind features as if you had installed it in your own project
- Snappy IDE
- Hot-reload preview window
- Light and dark mode
- Autocomplete utility class-names
- Show off your work with the Share feature (generates unique link)
If you haven't already, be sure to check out Tailwind Play and let me know what you think in the comments below!
Top comments (2)
I am using this playground, and it's amazing. But for people that are seeing it for the first time the default example scares. Too many classes used, too many indentation levels. I think the default example should be simpler, like that card demo on tailwindcss.com landing page.
That's an interesting point - and I think I agree with you. I wonder who their target audience is - those who have been using Tailwind or those just getting their hands dirty... Those who have been using Tailwind for a while should understand most of what is going on - but I can see how it can push newbies away.
Thanks for sharing your thoughts and glad you are enjoying the editor!