Shadcnblocks is a library of ready-made interface sections, components and website templates for React, shadcn/ui and Tailwind CSS. Start with a complete design, then adapt its source code to your product.
Combine a hero, feature sections, testimonials and pricing into a landing page. The block library groups these designs by purpose, so you can browse the section you need.
For a coordinated website, choose a template with its sections already composed. Browse the Next.js and Astro options and check the framework listed for your chosen design.
The Shadcn Admin Kit brings ecommerce, project management, payments, tasks and developer screens into a shared Next.js application. Its navigation and themes provide a foundation for the workspace surrounding these AI screens.
Pick a block and follow its installation instructions. The shadcn CLI adds the source and resolves required components and dependencies. The guide covers registry setup and authentication for premium blocks.
The previews alongside this answer come from Shadcnblocks. Explore a source to browse the actual collection and its installation details.
