SaaS Blocks Logo
Get SaaS Blocks
New!

SaaS Blocks Tailwind Themes, Templates and React Components Speed Up Your Development in Style

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

Theme 1: Clash

Clash focuses on showcasing your product and letting your work speak for itself. Bold, modern and clean, Clash gives your startup a San Francisco look and feel without the SF price tag. 110 Blocks for every need including hero, features, blog, showcase, team, integrations, FAQ, contact forms and sign in / sign up pages with many more coming soon! Create a landing page or an entire website, it's up to you! Check out the sample below. Note: this theme is a Figma UI Kit only for now (not available for Tailwind CSS).

Get the Clash Theme

Theme 2: Eudoxus

Eudoxus is a modern, geometric theme. It comes with color palettes ideas and some sample layouts to help you jump-start your website. 108 blocks and more in the making! This one is probably my favorite. Note: Eudoxus is not yet available for Tailwind.

Get the Eudoxus Theme

Tailwind React Components (JSX)

Copy and paste tailwind 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

Preview

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

What people say

Join 347 happy customers!

Level Up Your SaaS Website

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

Enterprise

$397

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

Hobby

$67

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

FAQ

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!

Do you plan on making this into WordPress?

Yes! I will have an Elementor and a Gutenberg versions available later (no ETA yet). You may also find it for other platforms and frameworks such as Webflow or Bootstrap.