SaaS Blocks UI Kit enables Founders, Designers & Developers to create the perfect SaaS website.

SaaS Blocks - UI Kit for Startups - Create the perfect SaaS website. | Product Hunt

70+ Beautiful Blocks

Easily arrange blocks 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.

Professional Icon Set

Swap out icons with our pre-defined set, or create your own with Nucleo App

Not your generic UI kit

Made specifically for SaaS companies.

SaaS Blocks doesn't pretend to be anything it's not. The entire kit is made specifically for SaaS companies and consists of blocks that SaaS companies rely on to communicate their product's value and features. New blocks are added weekly!

Made in Figma

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

Beautiful Typography

Free Lifetime Updates

Made for SaaS Companies

Prefer light mode? I won't judge...

Let there be light!

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!

Pay what you want
SaaS Blocks - UI Kit for Startups - Create the perfect SaaS website. | Product Hunt

See for yourself

Full preview

What people say

SaaS Blocks - UI Kit for Startups - Create the perfect SaaS website. | Product Hunt

Already trusted by 212 customers!

Name a fair price

SaaS Blocks UI Kit & Design System

Compare to generic UI kits at $37-49. With SaaS Blocks, you pay only the value you feel this kit brings to your startup.

  • 70+¬†drag and drop blocks
  • Figma File
  • Easily re-arrange and plug and play blocks to create unique layouts in seconds.
  • Customizable global colors
  • New blocks added often!
  • HTML¬†Coming soon! (separate product)
  • Ready-to-use pages
  • Create landing pages and full websites (more blocks for full websites already in the works)
  • Made specifically for SaaS¬†companies
  • 3D¬†Assets included with more to come
  • Free Google Fonts (only the best ones)
  • Request custom blocks (if you pay $40+)
  • Support an indie designer (@cogentgene on Twitter)
Name a fair price
Grab it while it lasts, until I regain my sanity...
Cheers! - Gene.

FAQ

Why pay what you want?

I like to give the benefit of the doubt to people and trust them to make the right, honest choice. Everyone has a different situation, some can afford more, some less. I may change this later so take advantage while you can!

What does the kit contain?

The kit contains a Figma file with pages for styles, components, blocks, and some pre-made layouts. Currently it's desktop only, but I am already working on mobile blocks and will have some ready in a few days.

Can I customize it?

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!

Will there be an HTML version?

Yes. The HTML version will utilize Tailwind and going forward will be a separate product. People who have already purchased SaaS Blocks will get access to the Tailwind version.

Does this include mobile and tablet blocks?

Not yet, but I am making them as we speak! I'll push an update to everyone who purchases (most likely as soon as a few days from today 6/2). You will get all of the mobile blocks for free as I create them and notify you of the file updates.

What if I need a custom block?

I'd be happy to make a custom block for anyone who pays $40+ for the kit. The only condition is that I can release this block to everyone (I got mouths to feed).

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!