ActiveFeaturedBlocks & sections (marketing/SaaS)pro available620
@shadcnui-blocks
Blocks & sections (marketing/SaaS) · MIT · data updated 2026-07-28
A free collection of 200+ production-ready shadcn/ui blocks and 25+ extended component variants, built with Next.js, Tailwind CSS, and TypeScript. Block categories include Hero sections, pricing tables, testimonials, feature grids, and footers, all shipping with light and dark mode. No account or paywall required — copy-paste from the site. Component variants extend standard shadcn/ui defaults with more styles and sizes. Use for: pulling free, dark-mode-ready marketing and landing-page blocks into any Next.js project without a subscription or signup.
accessibilityanimationbackgroundsblocksbuttonscardsmarketingmedianavigationoverlayspaymentspro-availablesaastablestheming
Install
npx shadcn@latest add https://shadcnui-blocks.com/r/registry.jsonHealth
StatusActive
Last commit2 months ago
LicenseMIT
Open issues3
ArchivedNo
Stars620
Components (542)
dot-patternparticlesanimated-grid-patternmarqueeaccordion-01accordion-02accordion-03accordion-04accordion-05accordion-06accordion-07accordion-08accordion-09accordion-10accordion-11accordion-12alert-01alert-02alert-03alert-04alert-05alert-06alert-07alert-08alert-09alert-10alert-dialog-01alert-dialog-02alert-dialog-03alert-dialog-04alert-dialog-05alert-dialog-06avatar-01avatar-02avatar-03avatar-04avatar-05avatar-06avatar-07avatar-08avatar-09avatar-10avatar-11avatar-12avatar-13avatar-14avatar-15avatar-16badge-01badge-02badge-03badge-04badge-05badge-06badge-07badge-08badge-09badge-10badge-11badge-12
Components: dot-pattern, particles, animated-grid-pattern, marquee, accordion-01, accordion-02, accordion-03, accordion-04, accordion-05, accordion-06, accordion-07, accordion-08, accordion-09, accordion-10, accordion-11, accordion-12, alert-01, alert-02, alert-03, alert-04, alert-05, alert-06, alert-07, alert-08, alert-09, alert-10, alert-dialog-01, alert-dialog-02, alert-dialog-03, alert-dialog-04, alert-dialog-05, alert-dialog-06, avatar-01, avatar-02, avatar-03, avatar-04, avatar-05, avatar-06, avatar-07, avatar-08, avatar-09, avatar-10, avatar-11, avatar-12, avatar-13, avatar-14, avatar-15, avatar-16, badge-01, badge-02, badge-03, badge-04, badge-05, badge-06, badge-07, badge-08, badge-09, badge-10, badge-11, badge-12, badge-13, badge-14, badge-15, badge-16, badge-17, button-01, button-02, button-03, button-04, button-08, button-17, button-18, button-19, button-22, button-16, button-20, button-14, button-15, button-11, button-12, button-07, button-06, button-09, button-05, button-13, button-23, button-10, button-21, card-01, card-02, card-03, card-07, card-04, card-05, card-08, card-06, checkbox-02, checkbox-01, checkbox-06, checkbox-03, checkbox-07, checkbox-08, checkbox-04, checkbox-09, checkbox-11, checkbox-10, checkbox-05, checkbox-12, checkbox-13, checkbox-14, checkbox-15, checkbox-16, dropdown-menu-01, dropdown-menu-03, dropdown-menu-02, dropdown-menu-04, dropdown-menu-05, dropdown-menu-07, dropdown-menu-06, dropdown-menu-08, input-01, input-03, input-04, input-08, input-09, input-11, input-12, input-02, input-10, input-06, input-07, input-05, breadcrumb-01, breadcrumb-05, breadcrumb-06, breadcrumb-07, breadcrumb-08, breadcrumb-13, breadcrumb-10, breadcrumb-14, breadcrumb-09, breadcrumb-11, breadcrumb-12, breadcrumb-15, breadcrumb-03, breadcrumb-04, breadcrumb-02, carousel-01, carousel-02, carousel-03, carousel-04, carousel-05, carousel-06, carousel-07, carousel-08, carousel-09, carousel-10, carousel-11, collapsible-01, collapsible-02, collapsible-03, collapsible-04, input-otp-01, input-otp-03, input-otp-04, input-otp-05, input-otp-02, input-otp-06, input-otp-07, navigation-menu-01, navigation-menu-07, navigation-menu-04, navigation-menu-05, navigation-menu-08, navigation-menu-02, navigation-menu-06, navigation-menu-03, pagination-01, pagination-10, pagination-05, pagination-07, pagination-04, pagination-08, pagination-06, pagination-09, pagination-11, pagination-12, pagination-13, pagination-14, pagination-15, pagination-02, pagination-03, progress-01, progress-02, progress-04, progress-03, progress-07, progress-10, progress-08, progress-09, progress-11, progress-12, progress-05, progress-06, radio-group-01, radio-group-03, radio-group-05, radio-group-07, radio-group-08, radio-group-09, radio-group-02, radio-group-04, radio-group-06, select-01, select-06, select-11, select-10, select-09, select-04, select-03, select-05, select-08, select-02, select-07, separator-01, separator-04, separator-05, separator-03, separator-06, separator-02, separator-with-label-vertical, slider-01, slider-02, slider-03, slider-04, slider-05, slider-06, slider-13, slider-07, slider-08, slider-09, slider-10, slider-11, slider-12, slider-14, slider-15, spinner-01, spinner-02, spinner-03, spinner-04, spinner-05, spinner-06, spinner-07, spinner-08, spinner-09, spinner-10, spinner-11, switch-01, switch-02, switch-03, switch-04, switch-05, switch-06, switch-07, table-01, table-02, table-03, table-04, table-05, table-06, table-07, table-08, table-09, table-10, table-11, tabs-01, tabs-02, tabs-03, tabs-04, tabs-05, tabs-06, tabs-07, tabs-08, tabs-09, tabs-10, tabs-11, tabs-12, tabs-13, tabs-14, tabs-15, tabs-16, tabs-17, tabs-18, textarea-01, textarea-02, textarea-03, textarea-04, textarea-05, textarea-06, textarea-07, tooltip-01, tooltip-02, tooltip-07, tooltip-03, tooltip-05, tooltip-06, tooltip-04, og-01, og-02, og-03, og-04, og-05, og-06, og-07, og-08, og-09, og-10, og-11, og-12, og-13, og-14, og-15, og-16, og-17, og-18, og-19, og-20, og-21, og-22, og-23, og-24, og-25, og-26, og-27, og-28, og-29, og-30, og-31, og-32, blog-01, blog-02, blog-03, contact-01, contact-02, contact-03, faq-01, faq-02, faq-03, faq-04, faq-05, faq-06, faq-07, features-01, features-02, features-03, features-04, features-05, features-06, features-07, footer-01, footer-02, footer-03, footer-04, footer-05, hero-01, hero-02, hero-03, hero-04, hero-05, hero-06, hero-07, login-01, login-02, login-03, login-04, login-05, logo-cloud-01, logo-cloud-02, logo-cloud-03, logo-cloud-04, logo-cloud-05, logo-cloud-06, logo-cloud-07, navbar-01, navbar-02, navbar-03, navbar-04, navbar-05, pricing-01, pricing-02, pricing-03, pricing-04, pricing-05, pricing-06, signup-01, signup-02, signup-03, signup-04, signup-05, stats-01Preview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@shadcnui-blocks · dot-pattern
npx shadcn@latest add https://shadcnui-blocks.com/r/dot-pattern.jsonView source