Tailwind to WordPress Blocks

Turn Tailwind into editable WP Block styles - develop faster

47 followers

Turn Tailwind into editable WP Block styles - develop faster

47 followers

•

•

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.

Tailwind to WordPress Blocks gallery image

Free

Launch tags:Design Tools•WordPress•Developer Tools

Launch Team / Built With

Dropbox SignSimple, secure eSignatures for the way your team works.

Promoted

Tailwind to WordPress Blocks

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...

Report

2yr ago

PrettyPolly

This would've been so damn useful when I had a Wordpress website. Congrats on the launch Ab!

Report

2yr ago

Tailwind to WordPress Blocks

Maker

@cwbuilds1 Thank you for the support, Chris! I'll be looking forward to your PrettyPolly launch...

Report

2yr ago

Crustdata

Going to give this a try, team Tailwind to WordPress Blocks. Looks interesting.

Report

2yr ago

Tailwind to WordPress Blocks

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.

Report

2yr ago

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

Report

2yr ago

Tailwind to WordPress Blocks

Maker

@tao_edwards Thank you for your comment, Tao! Much appreciated...

Report

2yr ago