Build ShadCn Cards 50% faster with PureCode AI

Create a user profile card with an avatar, name, designation, short bio, and social media buttons for the user.

Create a blog card with an image, title, a short description related to the blog, the avatar and name of the author, and the date at which the blog is published. Take the image and avatar from Unsplash.

Create a dark themed fitness tracking card that contains an image of the user, calories burned, steps taken, water intake, and heart rate. Use proper icons and images; take images from Unsplash.

Create a social media profile card that has an avatar, name, and username; buttons for voice and video calls and a more button; a vertical list of contacts with an avatar, name, and username; and add a contact button. Take images from Unsplash for avatars.

Design a testimonial card component that includes the following elements: the user's name, a profile picture of the user, a brief statement or feedback from the user, the user's job title and the name of the company they represent, and a star rating out of 5. The design should be visually appealing.

Design a user profile card with a large profile image, a small avatar, the user's name, recent post images, reviews, and category tags. Take images from Unsplash and make the component visually appealing.

Create a weather card component that includes the city, date, time, current temperature, wind speed, humidity, and the average temperature of the previous three days. Use suitable icons for respective data.

Create a card component displaying the products in the user's cart, showing each item's name, quantity, and price. Include a total amount at the bottom and a prominent Proceed to Pay button. Add an image of the products and a view coupons code button.

Design a card that has a good-looking style. Add some real images and a background color.