nowfound

Dev tools · March 24, 2024

TT

Turn Tailwind into editable WordPress Block styles – build sites faster

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. Here's a video to explain more (on ProductHunt): https://www.producthunt.com/posts/tailwind-to-wordpress-bloc... Let me know what you think: I'll…

In plain words

This tool converts Tailwind CSS code into editable WordPress Block styles, allowing developers to build sites faster using Tailwind's utility classes while keeping designs editable through WordPress's native Gutenberg block editor. It bridges the gap between Tailwind's rapid development workflow and WordPress's visual editing interface, enabling non-technical users to modify styled layouts with drag-and-drop controls without touching code.

written from the facts on this page · September 2026

From the sources

In the maker’s words, at launch

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. Here's a video to explain more (on ProductHunt): https://www.producthunt.com/posts/tailwind-to-wordpress-bloc... Let me know what you think: I'll read any and all of your feedback...

More dev tools this month

the category →
  • Dograh592

    The open source VAPI alternative

    Dev tools · 25d ago · dograh.com

  • Meridian530

    Don't let your work go unnoticed. Get promoted!

    Dev tools · 20d ago · meridiona.com

  • x1516

    Lovable for iPhone apps go from idea to App Store

    Dev tools · 11d ago · x1.new

  • Open-source GTM skills for technical founders

    Dev tools · 29d ago · gtmcofounder.com

  • OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

    Dev tools · 1d ago · opentrailpaper.com

  • Nuphos380

    The AI-Native DevOps Workspace.

    Dev tools · 24d ago · nuphos.ai

Launched alongside, March 2024

the whole month →
  • Dub.co1,475

    Short links with superpowers

    Dev tools · 2024 · dub.co

  • 3Y
  • Microlaunch1,116

    Launch and get feedback on both the idea and product

    Dev tools · 2024 · microlaunch.net

  • Milestone1,113

    Interactive, gamified product tours for SaaS

    Growth · 2024 · milestoneflow.io

  • Hunted Space1,004

    Insights on Product Hunt launches

    Growth · 2024 · hunted.space

  • Creatie850

    The one-stop product design tool amplified by AI

    AI · 2024 · creatie.ai