Taildoor

SUMMARY

The essential developer tool for Tailwind CSS.
Design, build, and fine-tune your Tailwind website visually with Taildoor — right in your browser, effortlessly.

🌙 Automatically adapt to the system dark mode.

📐 Guidelines and computed regions.
Check element alignment.
The element size easily with Guidelines and Computed Regions.

✨ Visual editor in the browser toggle remove or add Tailwind classes in the browser. Same type Tailwind classes are purged after add. Also works on any website, not just Tailwind website. You'll have the mostly power of Tailwind directly in the browser!

🔮 Copy element or class list easily or the entire element with the class changes you made to your clipboard.

📱 Auto completion. Taildoor will suggest the right classes for you as you type, show the resulting CSS and if relevant, show a preview of that class.

🔁 Convert any element styles to a Tailwind utilities name. Taildoor can automatically convert any element to a Tailwind CSS utilities name. It will match all the CSS styling to Tailwind classes and use arbitrary values if conversion is not possible.

🔎 You can try Taildoor on the website https://www.taildoor.com.

📧 For questions or support, feel free to email at info@taildoor.com

The latest version of Taildoor is available on the Chrome web and is currently being used by 339 active users. The initial version was launched on 2024-08-09.

HOW TO INSTALL Taildoor FROM A CRX FILE

1. Download Taildoor CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)