@commercn
A focused set of shadcn/ui blocks specifically for e-commerce UIs. Current catalog includes cart-item variants (cart-item-01, cart-item-02) with further blocks in progress. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, Motion animations, and Fumadocs for docs. Free and MIT-licensed. Use for: adding styled shopping-cart and checkout UI blocks to a Next.js e-commerce storefront without building cart components from scratch.
15 components react shadcn-cli
Install this registry
shadcn (npm)
npx shadcn@latest add https://commercn.com/r/registry.json pnpm
pnpm dlx shadcn@latest add https://commercn.com/r/registry.json bun
bunx shadcn@latest add https://commercn.com/r/registry.json fetch registry
curl -s https://commercn.com/r/registry.json Components
15 total Cart 01 block
npx shadcn@latest add https://commercn.com/r/cart-01.json Checkout 01 block
npx shadcn@latest add https://commercn.com/r/checkout-01.json Checkout 02 block
npx shadcn@latest add https://commercn.com/r/checkout-02.json Checkout 03 block
npx shadcn@latest add https://commercn.com/r/checkout-03.json Cart 02 block
npx shadcn@latest add https://commercn.com/r/cart-02.json Category 01 block
npx shadcn@latest add https://commercn.com/r/category-01.json Category 02 block
npx shadcn@latest add https://commercn.com/r/category-02.json Category 03 block
npx shadcn@latest add https://commercn.com/r/category-03.json Category 04 block
npx shadcn@latest add https://commercn.com/r/category-04.json Order 01 block
npx shadcn@latest add https://commercn.com/r/order-01.json Product Card 01 block
npx shadcn@latest add https://commercn.com/r/product-card-01.json Product Card 02 block
npx shadcn@latest add https://commercn.com/r/product-card-02.json Product Card 03 block
npx shadcn@latest add https://commercn.com/r/product-card-03.json Product Detail 01 block
npx shadcn@latest add https://commercn.com/r/product-detail-01.json Review 01 block
npx shadcn@latest add https://commercn.com/r/review-01.json