June 7, 2026: Relaunch time!
Beautifully crafted Shadcn UI blocks, ready for your next project
Discover 534 fully responsive UI blocks, 124 component variants, and a production-ready Next.js SaaS template designed to power and elevate your Shadcn UI projects.
Modern SaaS Hero: Centered With Product Image
A centered hero with a bold headline, lede, and dual CTAs above a sleek app window mockup, topped by a sticky oval navbar. A clean, modern opener for product launches.
Modern SaaS Feature: Bento Grid
An asymmetric bento feature grid with a custom SVG illustration in every cell: analytics, collaboration, automation, security, and integrations. A clean, minimal overview.
Modern SaaS Pricing: Three Tier
A three tier pricing section with a featured plan, per card annual billing toggles, icon feature lists, and an enterprise banner.
Modern SaaS Feature: Benefits Isometric
Three benefit columns, each with a centered isometric SVG illustration, a FIG tag, label, and short paragraph. A clean, minimal way to frame product principles.
Modern SaaS Hero: Centered With Product Image
A centered hero with a bold headline, lede, and dual CTAs above a sleek app window mockup, topped by a sticky oval navbar. A clean, modern opener for product launches.
Modern SaaS Pricing: Three Tier
A three tier pricing section with a featured plan, per card annual billing toggles, icon feature lists, and an enterprise banner.
Modern SaaS Hero: Centered With Backdrop
A minimal centered hero, headline, lede, and two CTAs, set over a full bleed backdrop with matching light and dark images and a sticky oval navbar.
Modern SaaS Feature: Product Showcase
A split header over an app window mockup: a triage inbox where incoming feedback is auto-routed into labeled, assigned issues. Shows the product in action.
Modern SaaS Feature: Bento Grid
An asymmetric bento feature grid with a custom SVG illustration in every cell: analytics, collaboration, automation, security, and integrations. A clean, minimal overview.
Modern SaaS Feature: Benefits Isometric
Three benefit columns, each with a centered isometric SVG illustration, a FIG tag, label, and short paragraph. A clean, minimal way to frame product principles.
Modern SaaS Testimonial: Spotlight With Stats
A customer logo bar, one oversized pull quote with its attribution, and three metric cards that back the quote with hard numbers. A focused proof point for a landing page.
Modern SaaS Pricing: Two Plans
Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.
Modern SaaS Hero: Centered With Product Image
A centered hero with a bold headline, lede, and dual CTAs above a sleek app window mockup, topped by a sticky oval navbar. A clean, modern opener for product launches.
Modern SaaS Feature: Benefits Isometric
Three benefit columns, each with a centered isometric SVG illustration, a FIG tag, label, and short paragraph. A clean, minimal way to frame product principles.
Modern SaaS Feature: Product Showcase
A split header over an app window mockup: a triage inbox where incoming feedback is auto-routed into labeled, assigned issues. Shows the product in action.
Modern SaaS Integration: Connect Your Stack
A copy rail beside a constellation graph that fans connector lines from a central product node out to a ring of integration nodes over a fading dotted grid.
Modern SaaS Feature: Bento Grid
An asymmetric bento feature grid with a custom SVG illustration in every cell: analytics, collaboration, automation, security, and integrations. A clean, minimal overview.
Modern SaaS Hero: Centered With Backdrop
A minimal centered hero, headline, lede, and two CTAs, set over a full bleed backdrop with matching light and dark images and a sticky oval navbar.
Modern SaaS Pricing: Two Plans
Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.
Modern SaaS Testimonial: Quote Card Grid
A two column grid of testimonial cards, each pairing a customer quote with an avatar, name, and role.
Modern SaaS Pricing: Three Tier
A three tier pricing section with a featured plan, per card annual billing toggles, icon feature lists, and an enterprise banner.
Modern SaaS Testimonial: Spotlight With Stats
A customer logo bar, one oversized pull quote with its attribution, and three metric cards that back the quote with hard numbers. A focused proof point for a landing page.
Modern SaaS Logo Cloud: Dual Marquee
A logo cloud with two rows of customer logos scrolling in opposite directions. A seamless, pure CSS marquee for social proof on a landing page.
Modern SaaS Blog: Card Carousel
A swipeable carousel of blog post cards, each pairing a cover image with a category, date, two line title, and read time.
Our brand new Modern SaaS collection
A deliberately curated collection of blocks, all built in one consistent style so they fit together out of the box. Less to sort through and nothing to force into place, so you can design and ship a polished page faster.
Explore the collection
Looking for the classic collections?
We're keeping our earlier collections available while they gradually make room for the new ones. They're still here if they're the right fit for your project.
Browse all collections
Our brand new drag and drop page builder
Drag and drop blocks onto an infinite canvas and design whole pages in real time, free. Lay out multiple pages side by side, saved right in your browser, so you can plan a site before committing to a single block.
Open the page builder
Kickstart your project with Primely
Primely is our clean, modern SaaS starter built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui. The first of many templates, it gives you a polished starting point for your next project.
View the template
Start shipping your next project today
Get access to the collection, the page builder, and our templates, and go from idea to launched page in record time.