Subscribe
Sign in
Tailwind to WordPress Blocks
p/tailwind-to-wordpress-blocksTurn Tailwind into editable WP Block styles - develop faster
Start new thread
Ab

Tailwind to WordPress Blocks - Turn Tailwind into editable WP Block styles - develop faster

by•

Build sites/layouts easily, quickly, and efficiently in Tailwind. Then convert it to WP Blocks with Gutenberg/FSE-editable styles 🎨 Accelerate dev speed, productivity, and quality. Build WordPress sites without the frustration. Less code, easy maintenance.

Add a comment

Replies

Best
Ab
Maker
📌
Hey, While building a WordPress website recently... I realized how tedious and slow it is to fiddle with the WP Block editor UI. I knew that you could build sites/layouts much faster and easier in Tailwind. So I wrote a script to convert the Tailwind HTML code into WP Block code. This means that the utility classes/styles you write can be easily edited by others with the Gutenberg/FSE's native drag-and-drop editing UI: https://upperhorizon.com/tailwin... The result? Devs get to write fast/efficient Tailwind code, while non-technical users can still edit them just like native/default Blocks. This saved me a lot of time and hassle. So I wanted to release it and see if others find it valuable as well. Currently the converter is an online tool. But I'm thinking of turning it into a command-line tool that bulk transforms your Tailwind code to WP themes/patterns. What do you think? If you have any ideas or suggestions, I'd love to hear your thoughts/feedback. Thanks, - Ab P.S. I'm currently building a tool that shows freelancers the best-fit projects for them, tailored to their preferences. You tell an AI what type of work you like/don't like, and it scores, sorts, and filters jobs/opportunities on a site to find the best ones specifically for you. I have a working prototype script and plan to launch this as a SaaS app. If you're interested, join the waitlist: https://upperhorizon.com/waitlis...
Maurizio Isendoorn
Congrats with the launch🙌
Chris W
This would've been so damn useful when I had a Wordpress website. Congrats on the launch Ab!
Ab
Maker
@cwbuilds1 Thank you for the support, Chris! I'll be looking forward to your PrettyPolly launch...
Tao Edwards
Tailwind CSS streamlines site development, enabling rapid creation of layouts with minimal code. By seamlessly converting these designs into WordPress Blocks with Gutenberg/FSE-editable styles, developers can accelerate their workflow, boost productivity, and ensure high-quality results. Say goodbye to frustration and hello to efficient WordPress site building with Tailwind
Ab
Maker
@tao_edwards Thank you for your comment, Tao! Much appreciated...
Garen Orchyan
Well done, good luck today 🦄🎉
Ab
Maker
@orchyan Thank you, Garen! I'll be looking forward to your Unicorn Mafia launch as well...
Abhilash Chowdhary
Going to give this a try, team Tailwind to WordPress Blocks. Looks interesting.
Ab
Maker
@abhilash_chowdhary Cool, thanks Abhilash! If you need to bulk convert lots of Tailwind HTML to WP Blocks, let me know and I'll try to build a command-line tool for it... Feel free to share any other ideas/suggestions.