Tailwind to WordPress Blocks

What it does

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.

Tailblocks - Auto-convert Tailwind HTML to WordPress Block code with editable Gutenberg styles. Tailwind to WordPress converter tool/service.

Auto-convert Tailwind HTML to WordPress Block code with editable Gutenberg styles. Let AI filter, score, and show you high-quality freelance jobs that match your preferences. By writing WordPress theme Block/Pattern code in plain HTML and Tailwind, developers can build out complex designs and sites very quickly. It's much faster and more efficient than fiddling with the Gutenberg/drag-and-drop editor UI or writing WP Block code. You can use this tool to transform your Tailwind code into WP Block code so non-technical people can easily edit the styles afterward in Gutenberg. text-* classes support CSS text-align with (right, center, and left), CSS color (e.g. text-red-500 ), and CSS…from upperhorizon.com

• 
  Turn Tailwind into editable WordPress Block styles – build sites faster2024 · upperhorizon.com · ▲22

  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…

• 
  Tailwind Builder – online editor for the Tailwind CSS framework2019 · tailwind.build · ▲295

  Save time with the online editor for Tailwind CSS that has a simple, intuitive drag & drop interface and 240+ ready-made UI components.

• 
  Open-Source Page Block Builder with Remix and Tailwind CSS2022 · remix-page-blocks.vercel.app · ▲155
• 
  Shuffle for Tailwind CSS2019 · shuffle.dev · ▲420

  Tailwind CSS editor for busy developers

• 
  Tailwind Builder 2.02020 · shuffle.dev · ▲293

  Online editor & Visual Studio Code extension for TailwindCSS

• 
  Tailwind CSS v1.02019 · tailwindcss.com · ▲279

  A utility-first CSS framework for building custom designs.

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲433

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 18h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Dub.co▲1,475

  Short links with superpowers

  Dev tools · 2024 · dub.co

• 
  3 years and 1M users later, I just open-sourced my "Internet OS"▲1,274

  🌐 The Internet Computer! Free, Open-Source, and Self-Hostable. - HeyPuter/puter

  Dev tools · 2024 · github.com

• 
  Microlaunch▲1,115

  Launch and get feedback on both the idea and product

  Dev tools · 2024 · microlaunch.net

• 
  Milestone▲1,113

  Interactive, gamified product tours for SaaS

  Growth · 2024 · milestoneflow.io

• 
  Hunted Space▲1,004

  Insights on Product Hunt launches

  Growth · 2024 · hunted.space

• 
  Creatie▲850

  The one-stop product design tool amplified by AI

  AI · 2024 · creatie.ai