@shadcncraft
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.
Install this registry
npx shadcn@latest add https://shadcncraft.com/r/registry.json pnpm dlx shadcn@latest add https://shadcncraft.com/r/registry.json bunx shadcn@latest add https://shadcncraft.com/r/registry.json curl -s https://shadcncraft.com/r/registry.json Components
25 totalnpx shadcn@latest add https://shadcncraft.com/r/index.json npx shadcn@latest add https://shadcncraft.com/r/style.json A compact, visually appealing component for displaying multiple user avatars in an overlapping stack. Perfect for showing participants in a group chat, team me…
npx shadcn@latest add https://shadcncraft.com/r/avatar-stack.json A component that places an icon inside a styled square or circle frame for extra prominence. This component makes supporting visuals stand out in marketing lay…
npx shadcn@latest add https://shadcncraft.com/r/featured-icon.json A smooth, endlessly looping scroller ideal for showcasing logos, testimonials, images, or sponsor lists. Features auto-play with customizable speed, pause-on-h…
npx shadcn@latest add https://shadcncraft.com/r/marquee.json A component that acts as the text-focused version of a hero banner. This component combines a pre-heading label, an H1 heading, supporting description text, an…
npx shadcn@latest add https://shadcncraft.com/r/page-heading.json A component for that can be replaced with your brand's main logo. This component ensures layouts stay consistent before brand assets are applied.
npx shadcn@latest add https://shadcncraft.com/r/placeholder-logo.json An extension of the avatar component with more details on the individual. Good for blog posts etc.
npx shadcn@latest add https://shadcncraft.com/r/profile-card.json A component that standardizes heading typography and spacing. This component includes a pre-heading label, main heading, and body text in different layout vari…
npx shadcn@latest add https://shadcncraft.com/r/section-heading.json A component that displays ratings with stars and an optional label. This component builds trust with visual feedback.
npx shadcn@latest add https://shadcncraft.com/r/star-rating.json A component that displays a tagline with different variants.
npx shadcn@latest add https://shadcncraft.com/r/tagline.json Image zoom is a component that allows you to zoom in on an image.
npx shadcn@latest add https://shadcncraft.com/r/image-zoom.json A minimal announcement banner for low-friction updates. Renders as simple inline text with an optional icon and link, plus a close action. Best for subtle prod…
npx shadcn@latest add https://shadcncraft.com/r/banner-10.json A layout with a section header followed by a grid of equal-height cards. Each card includes an icon, title, and short text, arranged in a consistent grid that …
npx shadcn@latest add https://shadcncraft.com/r/benefits-13.json A balanced contact layout with a primary, centered form and a secondary sidebar that mirrors or reinforces the same interaction. The main column keeps focus on…
npx shadcn@latest add https://shadcncraft.com/r/contact-11.json A clean, centered FAQ accordion paired with a narrow sidebar version. Uses a strong section header and clear dividers for easy scanning, with an optional suppo…
npx shadcn@latest add https://shadcncraft.com/r/faqs-4.json A sitemap footer anchored by a short brand statement and logo, followed by structured link columns and legal links. Gives more context about the company while …
npx shadcn@latest add https://shadcncraft.com/r/footer-4.json A horizontal newsletter signup pattern presented inside a soft container to separate it from surrounding content. The headline and description anchor the left …
npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-5.json A structured testimonial layout that combines a clear section header with a multi-column grid of short quotes. It balances scannability and depth by presenting…
npx shadcn@latest add https://shadcncraft.com/r/testimonials-11.json A stripped-back, center-aligned top navigation that prioritizes clarity and whitespace. Primary links sit in a single horizontal row with the brand anchored to…
npx shadcn@latest add https://shadcncraft.com/r/top-navigation-5.json npx shadcn@latest add https://shadcncraft.com/r/semantic-tokens.json npx shadcn@latest add https://shadcncraft.com/r/design-system.json npx shadcn@latest add https://shadcncraft.com/r/use-carousel.json npx shadcn@latest add https://shadcncraft.com/r/use-click-outside.json npx shadcn@latest add https://shadcncraft.com/r/use-mobile.json