Getting Started
Learn how to get started with shadcnblocks templates.
Our premium templates are available in two frameworks so you can pick the stack that fits your project. Every template ships with the same design and features in both versions.
Next.js
Built with the latest modern React stack:
- Next.js 15 (App Router) - The React framework for production
- React 19 - The React library for building user interfaces
- Tailwind 4 - A utility-first CSS framework
- shadcn/ui - High-quality, accessible components
- MDX - Markdown for the component era
Quick Start (Next.js)
-
Purchase your preferred template from shadcnblocks.com/templates
-
Download, unzip, and open the project in your editor:
cd [template-name]- Install dependencies:
npm install- Start the development server:
npm run devYour site should now be running at http://localhost:3000.
Astro
Built with Astro 6 for blazing-fast static and server-rendered sites:
- Astro 6 - The web framework for content-driven websites
- React 19 - Used for interactive UI islands
- Tailwind 4 - A utility-first CSS framework
- shadcn/ui - High-quality, accessible components
- MDX - Markdown for the component era
Quick Start (Astro)
-
Purchase your preferred template from shadcnblocks.com/templates
-
Download, unzip, and open the project in your editor:
cd [template-name]- Install dependencies:
npm install- Start the development server:
npm run devYour site should now be running at http://localhost:4321.