DEV Community

Cover image for Learn Tailwind CSS with Tailwind Play!

Learn Tailwind CSS with Tailwind Play!

braydoncoyer profile image Braydon Coyer Originally published at Updated on ・1 min read

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!

Check out Tailwind Play here!

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!

Screen Shot 2020-10-13 at 11.55.40 AM.png

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!

Discussion (2)

Editor guide
llagerlof profile image
Lawrence Lagerlof

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 landing page.

braydoncoyer profile image
Braydon Coyer Author

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!