About Cozy Product Card
About Cozy Product Card
Cozy Product Card is a small card for showing one product. It holds an image, a speech bubble that says what it is, a title, and a price. The whole card is the link, so one tap takes visitors to your shop page. The price can sit inside the card, or hang underneath on a little paper tag with a string. Touch the tag and it swings.
Use it to point people to the things you make and sell: a template, an app, a picture book, a print. The component is designed for personal sites, portfolios, and small shop pages where you want to add a little personality.
Features:
- Image in 1:1, 4:3, or 16:9, shown large on top or medium / small beside the text
- Price in the card, or on a hanging tag that swings when touched
- Hanging tag on the left, center, or right
- Speech bubble for what the product is, hidden when left empty
- 7 link marks, including arrow, cart, bag, and cursor
- 18 adjustable variables including fonts, colors, and the card's fill, border, radius, and padding
- On hover, the card presses down a step and the link mark moves
- The card, image, text, and price pop in one after another, with adjustable size, speed, and bounce
- The tag stays still for visitors who prefer reduced motion
