Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

Product Card

Product Card

Pro

Animated React ecommerce product card with image zoom, pricing, ratings, sale badges, and add-to-cart interaction on hover.

Category: Cards
Built with: React, Tailwind, Radix, Motion
Installs: @radix-ui/react-slot class-variance-authority clsx motion tailwind-merge
Files: product-card.tsx + 2 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Case Study Flip Stack

Skeuomorphic Music Card

Client Tweet Card

Flight Status Card

Code Comparison

Hover Transition