ActiveFeaturedBlocks & sections (marketing/SaaS)pro available32
@shadcncraft
Blocks & sections (marketing/SaaS) · Apache-2.0 · data updated 2026-09-05
Free, open-source shadcn/ui registry shipping polished, production-ready components and marketing blocks, part of a larger Shadcncraft ecosystem that also includes a matched Figma UI kit and a premium React design system. The free tier covers landing-page building blocks (Hero, Feature, CTA, and similar marketing sections) aligned to shadcn/ui conventions and Tailwind CSS. Installable via the shadcn CLI using the @shadcncraft namespace. Use for: adding high-quality landing-page sections to a Next.js or React project without installing a heavyweight template.
animationblocksbuttonscardscmsdesign-systeme-commerceiconsloadersmarketingmediamobilenavigationonboardingoverlayspro-availablesaastables
Install
npx shadcn@latest add https://shadcncraft.com/r/registry.jsonHealth
StatusActive
Last commit2 weeks ago
LicenseApache-2.0
Open issues1
ArchivedNo
Stars32
Components (268)
indexstyleavatar-stackblog-blockquoteblog-imagechipfeature-stackfeatured-iconjob-listingmarqueemetricmobile-navigation-menupage-headingplaceholder-logoprofile-cardsection-headingstar-ratingsub-featuretaglineui-showcaseannouncementdata-table-paginationinline-hintmessagingrich-separatortagstickerbadgeimage-zoomblog-listing-card-1blog-listing-card-2blog-listing-featured-card-1blog-listing-featured-card-2blog-listing-featured-card-3pricing-card-1team-card-1team-card-2activity-feed-item-1avatar-upload-1avatar-upload-2balance-1balance-2balance-3expenses-1message-card-1spending-balance-1stock-market-1transactions-1metric-card-1metric-card-2progress-item-1file-upload-card-1file-upload-area-1code-snippet-2cart-item-1product-category-card-1product-card-1product-card-2file-part-1reasoning-part-1
Components: index, style, avatar-stack, blog-blockquote, blog-image, chip, feature-stack, featured-icon, job-listing, marquee, metric, mobile-navigation-menu, page-heading, placeholder-logo, profile-card, section-heading, star-rating, sub-feature, tagline, ui-showcase, announcement, data-table-pagination, inline-hint, messaging, rich-separator, tags, ticker, badge, image-zoom, blog-listing-card-1, blog-listing-card-2, blog-listing-featured-card-1, blog-listing-featured-card-2, blog-listing-featured-card-3, pricing-card-1, team-card-1, team-card-2, activity-feed-item-1, avatar-upload-1, avatar-upload-2, balance-1, balance-2, balance-3, expenses-1, message-card-1, spending-balance-1, stock-market-1, transactions-1, metric-card-1, metric-card-2, progress-item-1, file-upload-card-1, file-upload-area-1, code-snippet-2, cart-item-1, product-category-card-1, product-card-1, product-card-2, file-part-1, reasoning-part-1, text-part-1, tool-part-1, web-search-part-1, questionnaire-part-1, sources-part-1, banner-1, banner-2, banner-3, banner-4, banner-5, banner-6, banner-7, banner-8, banner-9, banner-10, benefits-1, benefits-2, benefits-3, benefits-4, benefits-5, benefits-6, benefits-7, benefits-8, benefits-9, benefits-10, benefits-11, benefits-12, benefits-13, blog-listing-1, blog-listing-2, blog-listing-3, blog-listing-4, careers-1, careers-2, careers-3, careers-4, careers-5, contact-1, contact-2, contact-3, contact-4, contact-5, contact-6, contact-7, contact-8, contact-9, contact-10, contact-11, cta-1, cta-2, cta-3, cta-4, cta-5, cta-6, cta-7, cta-8, faqs-1, faqs-2, faqs-3, faqs-4, footer-1, footer-2, footer-3, footer-4, hero-1, hero-2, hero-3, hero-4, hero-5, hero-6, hero-7, hero-8, hero-9, hero-10, metrics-1, metrics-2, metrics-3, metrics-4, metrics-5, metrics-6, metrics-7, newsletter-signup-1, newsletter-signup-2, newsletter-signup-3, newsletter-signup-4, newsletter-signup-5, pricing-1, pricing-2, pricing-3, pricing-4, pricing-5, pricing-6, pricing-7, social-proof-1, social-proof-2, social-proof-3, social-proof-4, social-proof-5, social-proof-6, team-1, team-2, team-3, team-4, team-5, testimonials-1, testimonials-2, testimonials-3, testimonials-4, testimonials-5, testimonials-6, testimonials-7, testimonials-8, testimonials-9, testimonials-10, testimonials-11, top-navigation-1, top-navigation-2, top-navigation-3, top-navigation-4, top-navigation-5, 404-1, 404-2, 404-3, 404-4, 404-5, 404-6, activity-feed-1, header-1, header-2, header-3, header-4, header-5, header-6, inline-cta-1, inline-cta-2, inline-cta-3, modal-1, modal-2, modal-3, section-footer-1, section-footer-2, section-footer-3, section-footer-4, progress-1, progress-2, progress-3, progress-4, file-upload-1, file-upload-2, file-upload-3, multistep-1, multistep-2, multistep-3, table-1, table-2, table-3, table-4, table-5, table-6, table-7, table-8, table-9, table-10, table-11, table-12, table-13, table-14, table-15, table-16, table-17, table-18, table-19, table-20, table-21, checkout-1, checkout-2, checkout-3, shopping-cart-1, shopping-cart-2, shopping-cart-3, shopping-cart-4, product-details-1, product-details-2, product-details-3, product-details-4, product-details-5, product-details-6, product-category-1, product-category-2, product-category-3, product-category-4, product-category-5, product-list-1, product-list-2, product-list-3, product-list-4, product-list-5, chat-shell-1, assistant-panel-1, chat-1, share-dialog-1, composer-1, semantic-tokens, design-system, use-carousel, use-click-outside, use-mobile, use-file-uploadPreview
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.