Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Flight
Next: Coworking

React Product Card Skincare Routine

Skincare routine card with AM/PM products, application order, and skin type match for React beauty apps

Display skincare routines on your Next.js beauty platform with this product card component. Features routine type toggle (AM/PM), product steps in order, application time estimate, skin type compatibility, and shop routine button. Built with shadcn/ui Card, Button, Badge, and Tabs components using Tailwind CSS. The skincare-focused design educates customers—perfect for Shopify headless beauty brands, skincare apps, or any React app selling beauty routines. Informative and conversion-driving.

React Product Card Skincare Routine preview

Loading...
Scroll to load preview

Installation

Install
Pro block

React Product Card Simple

Vertical product card

React Product Card Beauty

Beauty product card

React Product Card Bundle

Product bundle card

React Product Card Meal Kit

Step-by-step product

React Product Card Subscription

Subscription box card

React Product Card Grid

Product grid layout

FAQ

Flight

Flight booking card with route display, flight times, layover info, and fare classes for React travel apps

Coworking

Coworking space card with desk type, amenities, and hourly/daily booking for React workspace apps