Frameworks

ShadcnStore blocks work with React-based frameworks that support shadcn/ui.

Supported Frameworks

Based on the official shadcn/ui installation guide, the following frameworks are supported:

• Next.js - Full support with App Router
• Vite - Full support with React + TypeScript
• Laravel - Full support with Blade templates
• React Router - Full support
• Astro - With React integration
• TanStack Start - Full support
• TanStack Router - Full support
• React Manual - Manual React setup

Usage

1. Choose your framework from the shadcn/ui installation guide
2. Follow the framework-specific setup instructions
3. Install shadcn/ui components using npx shadcn@latest add [component]
4. Copy and paste ShadcnStore block code into your components

Quick Start

For most frameworks, the process is:

# Initialize shadcn/ui in your project
npx shadcn@latest init

# Add required components
npx shadcn@latest add button card input

For detailed framework-specific setup, visit the official installation guide.