June 14, 2026: Three new collections and a free tier
Beautifully crafted Shadcn UI blocks, ready for your next project
Discover 2638 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 curated, handcrafted Modern SaaS collection
Our curated collection: 36 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 design and ship a polished page faster.
Explore the collection
Our Standard collections for every kind of page
Four large, cohesive collections, 2,100 blocks across Marketing, Ecommerce, Application, and Portfolio, built at scale and ready to ship.
Browse all collections
Marketing
500 blocksHeroes, pricing, comparisons, case studies, and process pages.
Ecommerce
600 blocksProduct pages, carts, checkout, reviews, and order tracking.
Application
500 blocksDashboards, tables, settings, auth, billing, and onboarding.
Portfolio
500 blocksWork grids, case studies, about, services, and contact.
Design whole pages with our drag and drop 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 plan a site before committing to a single block.
Open the page builder
Looking for something free? Browse our open collections
626 blocks across Marketing, Application, Ecommerce, Portfolio, and Components, free to copy, paste, and ship. Our earlier work, open to everyone.
Browse the free collections
Marketing
279 blocksHeroes, features, pricing, testimonials, FAQs, and CTAs.
Application
31 blocksForms, logins, dashboards, stats, and user profiles.
Ecommerce
92 blocksProduct features, lists, carts, reviews, and upsells.
Portfolio
100 blocksAbout, skills, case studies, services, and contact.
Components
124 blocksButtons, cards, alerts, accordions, badges, tabs, and more.
Kickstart your next project with the Primely template
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 our collections, the page builder, and our templates, and go from idea to launched page in record time.