Have you checked the Tailwind play ?

Introduction

Tailwind CSS is one of the most used utility CSS framework used by developers to design realistic and responsive components. Tailwind CSS recently launched an web based CSS editor for tailwind CSS named Tailwind play and though this blog we will discuss about it.

📍 Table of Contents

1. Versions supported
2. Live share available for Realtime editing
3. Multiple screen view available
4. Customization available for tailwind.config.js file
5. Copy to clipboard available
6. Dark Mode available

🔢 Versions supported

Only versions v1.9.6, v2.2.19, v3.3.2 are supported in this web based editor.

📡 Live share available for Realtime editing

Live share is available through a link so it can be used for pair programming

🖥️ Multiple screen view available

This web based editor supports multiple views hence no need to use the inspect function within chrome to check for responsiveness

🧩 Customization available for tailwind.config.js file

In this web based editor one can configure the tailwind.config.js file, which means adding custom themes and fonts

📋 Copy to clipboard available

Once the code is written can be directly copied to clipboard using the copy button hence no need to select the whole code.

🌑 Dark Mode available

Every programmer wants to work on a dark mode and this facility is also available in this web based editor

Conclusion

This tool is a gamechanger and hence no need to create a test project locally. Developers can easily use this tool while writing CSS for their projects