SaaS Blocks Logo

Tailwind UI components, templates and themes for busy developers.

SaaS Blocks for Tailwind - Tailwind-based UI kit to make your next SaaS website | Product Hunt

Tailwind UI React Components (JSX)

Copy and paste tailwind UI components in the JSX format.
Save days and thousands of dollars by not having to design your own layouts.
Flexible, responsive tailwind templates to accommodate your content.
Global config file - customize the entire design with a handful of tweaks.
110 designed tailwind UI components and 80 coded so far.
New Blocks added often! Updates included for free.

Under the hood

110+ Beautiful Blocks

Easily arrange Tailwind UI components to create your own unique layout. No need to mess with spacing.

Fully Customizable

Personalize entire layouts with a few component changes like colors, gradients & fonts.

Tailwind CSS Hero Icons

Compatible with Tailwind CSS Hero icons. Easily swap icons in the design.

Beautiful Mesh Gradients

Make your startup stand out in style with 100 beautiful, hand-made mesh gradients.

Not your generic UI kit

Made for SaaS companies, using React JSX

Love Tailwind CSS and Tailwind UI? Then you'll love SaaS Blocks! We're also working on expanding the Tailwind UI component set so you have everything you need to bring your SaaS to life in style!

Made in Figma + Built in Tailwind CSS

Combine blocks for awesome pages in seconds.

Details Matter

Grid-based, developer-friendly blocks to make your startup come to life.

Beautiful Gradients

Vibrant Colors

Organized Components

Elegant Typography

Layout & Color Combo Ideas

Made for SaaS Companies

Prefer dark mode?

Lights out!

Enjoy light and dark modes with pre-made color variations added often. Don't like the pre-selected colors? No problem! Change them globally to whatever you like!

Get instant access
SaaS Blocks for Tailwind - Tailwind-based UI kit to make your next SaaS website | Product Hunt

See for yourself


Some of the previews may be dated (We are constantly improving the blocks! You always get the newest designs.)

What people say

Join 447 happy customers!

Level Up Your SaaS Website

SaaS Blocks for Tailwind - Tailwind-based UI kit to make your next SaaS website | Product Hunt



  • Fully coded Tailwind components (React JSX)
  • Figma UI Kit
  • Unlimited Developers *
  • Unlimited Projects



  • Fully coded Tailwind components (React JSX)
  • 1 developer *
  • 3 projects


What's the difference between the licenses?

The Hobby license is meant for an individual developer (solo dev, founder, indie hacker, etc...) I seek to make it more affordable for the individual. The Company license is for... well... companies.

Can I customize the themes?

Yes! The sky is the limit here. By tweaking core components such as colors, fonts, font sizes, gradients and button colors, you can create new, fresh layouts very quickly!

Is there an HTML version?

Currently the coded version is in the form of React JSX components. We do not have a pure HTML version yet, but it is coming soon!

Does this include mobile and tablet blocks?

Most themes have the mobile blocks, but some blocks may be missing from the desktop version. The purpose of mobile blocks is just to give you an idea of what something should look like. Once you spot check a few blocks, the rest should already work (without a reference). I do not currently have tablet blocks as that would take a lot of time.

Can I use this for client work?

Absolutely! The only thing you are not allowed to do is to re-sell SaaS blocks as is, but otherwise you are welcome to use it for clients as a freelancer or agency. No additional licenses needed!

Is there a WordPress version?

Yes, but it's different in style. Check out for an Elementor Pro version of SaaS Blocks.