Posted on • Edited on • Originally published atbraydoncoyer.dev
Learn Tailwind CSS with Tailwind Play!
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 thetailwind.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 outTailwind Play and let me know what you think in the comments below!
Top comments(2)
- EducationBachelor of Science in Information Technology
- Joined
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.
- LocationDallas, TX
- WorkFrontend Engineer II
- Joined
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!
For further actions, you may consider blocking this person and/orreporting abuse
