Introduction
ShadcnStore is a curated collection of beautiful, production-ready UI blocks built with shadcn/ui and Tailwind CSS v4. Our blocks follow the same philosophy as shadcn/ui: you own the code.
What is ShadcnStore?
ShadcnStore provides high-quality UI blocks that you can copy-paste or install directly into your project. Unlike traditional component libraries, you get the actual source code, giving you complete control over customization and styling.
Key Features
- 🎨 Beautiful Blocks: Hand-crafted, professional-grade UI blocks for modern web applications
- ⚡ Easy Installation: Install via shadcn CLI or copy-paste code directly
- 🎯 Modern Stack: Built for React, Next.js, and modern frameworks with TypeScript support
- 🌙 Dark Mode Ready: Every block supports light and dark themes out of the box
- 📱 Responsive Design: Mobile-first responsive design that works on all screen sizes
- 🔧 Fully Customizable: Access to full source code means complete control
How It Works
ShadcnStore extends the shadcn/ui ecosystem by providing:
- Registry System: A secure registry that works with the shadcn CLI
- Block Categories: Organized collections of blocks for different use cases:
- Application: Dashboard components, Apps, Authentications, Errors
- E-commerce: Product cards, checkout flows, shopping carts & more
- Marketing: Hero sections, pricing tables, testimonials & more
- License Management: Secure access control for premium blocks
- Code Access: Full source code for customization and learning
Philosophy
Just like shadcn/ui, ShadcnStore believes in:
- Open Code: You get the actual component code, not a black box
- Composition: Every block uses shadcn/ui's composable interface
- Beautiful Defaults: Carefully chosen styles that work great out of the box
- AI-Ready: Open code structure that AI tools can easily understand and modify
Free vs Premium Blocks
Free Blocks
- No authentication required
- Install directly with
npx shadcn@latest add https://shadcnstore.com/r/[component].json - Great for getting started and testing the system
Premium Blocks
- Require a Personal or Team license
- Access to our full collection of professional blocks
- Priority support and updates
- Commercial usage rights
What's Different from shadcn/ui?
While shadcn/ui provides individual components (buttons, inputs, etc.), ShadcnStore provides complete UI blocks composed of multiple shadcn/ui components working together to solve real-world use cases.
Think of it as the next layer up: where shadcn/ui gives you the building blocks, ShadcnStore gives you the blueprints.
Getting Started
Ready to start building? Check out our Installation Guide to set up your project and install your first block.
For questions about licensing and features, visit our FAQ or browse our complete block collection.
Community and Support
- Documentation: You're reading it! Comprehensive guides for everything
- Discord: Join our community on Discord for discussions, help, and sharing your projects
- Contact: Get help via our contact form
- Updates: Follow @shadcnstore for the latest news
Ready to build beautiful UIs? Let's get started! 🚀