49

Tailwind Builder - Tailwind CSS editor for busy developers | Product Hunt

 4 years ago
source link: https://www.producthunt.com/posts/tailwind-builder
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Tailwind CSS editor for busy developers

Tailwind Builder is the first genuinely advanced editor for the Tailwind CSS framework. 140 ready-to-use HTML components and convenient settings will speed up your development process! Try Demo ยป
Featured a year ago
discussion
Would you recommend this product?
9 Reviews4.4/5
Dawid Andrzejewski
Maker
Founder at Shuffle.dev

Hey Product Hunters! ๐Ÿ‘‹

I am the maker of Tailwind Builder. It's an online editor for the Tailwind CSS framework.

๐Ÿค” What's Tailwind CSS?

According to the authors, it's "a utility-first CSS framework for rapidly building custom designs". According to supporters, it's "the best thing that happened to CSS in recent years".

๐Ÿ’ช Tailwind Builder is an online tool to help you work with that framework faster.

Note: You don't need to know Tailwind CSS to use our editor. You can confirm that in the demo (you don't need to sign up).

Features:

* 140 ready-to-use HTML components (drag & drop). * All Tailwind settings are available with convenient pickers. * Autocomplete for CSS classes. * Live edit & online preview. * You can export code to HTML and CSS (compiled version) and Pug and Tailwind config (sources). * Easy build ("npm run build")

Bonus:

All Tailwind Builder users automatically get access to Bootstrap Shuffle and Bulma Builder for free (editors for other popular CSS frameworks).

Any feedback is welcome!

Thank you

Jake PrinsI make things.
@dawid_andrzejewski Congrats on the launch! Awesome product, which technologies did you use to built this?
Dawid Andrzejewski
Maker
Founder at Shuffle.dev
@jake_prins Thanks! The editor is based on the same technology I used to create Bootstrap Shuffle and Bulma Builder. A lot of JS, and PHP&Symfony in the back-end. I use small services in node & express to compile Tailwind config to CSS (or sass to css in Bootstrap/Bulma case). Landing page has been created in.. Tailwind Builder:)

@dawid_andrzejewski Kudos for making a really cool and easy to use builder!! :)

Re your feedback request, sharing a couple of feedback points here- https://app.usebubbles.com/40305...


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK