Product

Square image with a sale badge, price, and add-to-cart.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/card-10

Files

• registry/patterns/card/card-10.tsx
• src/components/ui/badge.tsx
• src/components/ui/button.tsx
• src/components/ui/card.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• shadcn/ui Card Components
• Commerce Components
• React Commerce Components
• Tailwind CSS Commerce Components
• shadcn/ui Commerce Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components

More from FLX UI

• Basic
• With image
• Horizontal
• With action menu
• Stat
• Login form
• Opens in dialog
• Profile
• Pricing
• Notification settings
• Selectable
• Image overlay