Turn Tailwind into editable WP Block styles - develop faster
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.
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...
