Aspect Ratio 06 - Product Card

A product card using a 4:5 aspect ratio image with a discount badge and pricing details.

Library

Shadcn Space

Framework

React

Type

component

License

MIT

Files

• src/components/shadcn-space/aspect-ratio/aspect-ratio-06.tsx
• src/components/ui/aspect-ratio.tsx
• src/components/ui/badge.tsx
• src/lib/utils.ts
• src/config.ts

Source

https://github.com/shadcnspace/shadcnspace

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 Shadcn Space

• Accordion-04 - Card
• Card-01 - ArticlePreviewCard
• Card-02 - Preview Card
• Card-03 - Product Card
• Card-04 - Welcome Card
• Card-05 - Analytics Card
• Card-06 - Statistics Card
• Card-07 - Audio Frequency Visualizer
• Card-08 - Invite Card
• Card-09 - Invite Member Card
• Card-10 - Appointment Card
• Card-11 - Assign Task Card