ActiveFeaturedBlocks & sections (marketing/SaaS)pro available32
@shadcncraft
Blocks & sections (marketing/SaaS) · Apache-2.0 · data updated 2026-10-27
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 months ago
LicenseApache-2.0
Open issues1
ArchivedNo
Stars32
Components (377)
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-2message-card-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-1text-part-1tool-part-1web-search-part-1questionnaire-part-1sources-part-1banner-1banner-2
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, message-card-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, benefits-14, benefits-15, benefits-16, benefits-17, benefits-18, benefits-19, benefits-20, benefits-21, benefits-22, 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, metrics-8, metrics-9, metrics-10, metrics-11, 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, pricing-8, pricing-9, pricing-10, 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, testimonials-12, testimonials-13, testimonials-14, testimonials-15, testimonials-16, testimonials-17, testimonials-18, testimonials-19, testimonials-20, testimonials-21, testimonials-22, testimonials-23, 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, app-shell-1, app-shell-2, app-shell-3, app-shell-4, app-shell-header-1, app-shell-header-2, app-shell-header-3, app-shell-header-4, app-shell-header-5, app-shell-header-6, metric-cards-1, hero-time-series-1, traffic-by-channel-1, channel-performance-1, cost-per-acquisition-trend-1, paid-media-allocation-1, campaign-performance-1, top-landing-pages-1, marketing-funnel-1, attribution-breakdown-1, growth-simulator-1, goal-progress-1, engagement-by-day-hour-1, revenue-vs-target-1, pipeline-by-stage-1, rep-leaderboard-1, deals-table-1, win-rate-1, deal-velocity-by-segment-1, lead-to-customer-funnel-1, leads-by-region-1, customer-health-score-1, ai-insights-1, header-1, header-2, header-3, header-4, header-5, header-6, inline-cta-1, inline-cta-2, inline-cta-3, kanban-1, 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, spending-balance-1, balance-1, balance-2, balance-3, expenses-1, transactions-1, stock-market-1, needs-attention-1, kudos-1, celebrations-1, employee-spotlight-1, teams-table-1, people-directory-1, org-chart-1, employee-about-1, employee-rating-1, job-timeline-1, courses-1, leave-balances-1, coverage-planner-1, team-absences-1, leave-requests-table-1, projects-table-1, calendar-1, timesheet-1, project-time-log-1, top-apps-1, team-activity-1, benefit-plans-1, benefits-table-1, documents-table-1, requests-table-1, talent-grid-1, one-on-one-agenda-1, performance-reviews-table-1, new-hires-table-1, day-one-setup-1, team-pulse-1, headcount-1, attrition-by-department-1, gender-split-1, tenure-distribution-1, absence-rate-1, headcount-by-department-1, hr-dashboard-1, review-cycle-1, status-tracker-1, schedule-1, time-tracker-1, current-project-1, notes-1, time-off-summary-1, course-progress-1, daily-feedback-1, 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.