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 »
discussion
Would you recommend this product?
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
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 AndrzejewskiFounder at Shuffle.dev
Maker
@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:)
Jake PrinsI make things.
@dawid_andrzejewski Nice!
@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...
Amine BenjellounCTO @Mailwarm
I m already a user of your bootstrap version. And as i jumbed on tailwindcss i was waiting for this product.
I m very happy to see that coming today :)
❤️❤️
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
@aminebenj I'm happy to hear that! You can sign in to Tailwind Builder with your Bootstrap Shuffle account :)
Amine BenjellounCTO @Mailwarm
@dawid_andrzejewski Awesome, thank you for making that possible :)
Amine BenjellounCTO @Mailwarm
@dawid_andrzejewski I tried it, and I m happy with it. But i struggle making the menu button (burger) or the gallery with slider work.
Is there anything that i m doing wrong ?
Or did you choose to use just tailwind so no js, and it make it impossible to make them work?
thank you
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
@aminebenj You're right. Bulma Builder and Tailwind Builder do not have any external dependencies, just like these CSS frameworks. It may change in the future, depends on users' feedback:) (like your comment)
Amine BenjellounCTO @Mailwarm
@dawid_andrzejewski Good, I think it can be interesting if you make both. Just add some sections with a tag (using JS). So you let the user choose if he want to add a section with or without JS :)
Alex Conway 🇿🇦Co-founder Unite.community
Dayummmm this is so sexy! Great job @dawid_andrzejewski ... I've been meaning to get into Tailwind and this is getting me really inspired :) Congratulations on the launch!
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
This looks incredible! I have been messing with Tailwind on some side-projects but still am a bit meh with CSS. This could be a game changer!
this team is very good! congrats
Khalid AdilChief Thing Maker, Simply Human
If I had some custom sections that I use often and wanted to include them (html/css) with a screenshot of how the section looks in a separate menu item, is that possible?
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
@khalidadil_ Unfortunately, not yet. Our technology is not ready to support "any content", but that's the inevitable future and our direction (custom components) :)
Seems great @dawid_andrzejewski ! I had one question: does it remove unused css ? It doesn't seem to be the case. Thx !
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
Timothy ArnoldFreelance UI Developer
TOP!!!
Dawid AndrzejewskiFounder at Shuffle.dev
Maker
@francoolaami thanks. What do you mean? Use case for editors? I used Bootstrap Shuffle to create https://bullets.news - Bulma Builder to create https://shuffle.dev and Tailwind Builder to create its landing page. In all three editors use case is the same - fast prototyping HTML templates, only CSS framework is different :)