Introduction

Tailwind CSS is one of the most used utility CSS frameworks used by developers to design realistic and responsive components. Tailwind CSS recently launched a web based CSS editor for tailwind CSS and through this blog, we will discuss it.

🔢 Versions supported

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

📡 Live share available for real-time editing

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

🖥️ Multiple screen views 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 the clipboard using the copy button hence no need to select the whole code.

🌑 Dark Mode is available

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

Conclusion

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