User Profile Card with Social Stats
A social-style profile card with avatar, name, bio, social stats, and follow/message action buttons.
Prompt
Create a user profile card with: - Large avatar with online status indicator dot - User name and @username below - Short bio text (2 lines, truncated) - 3 stat columns: Posts, Followers, Following — with numbers - Divider between stats and actions - Two action buttons: "Follow" (primary) and "Message" (outline) - Subtle gradient background or card border - Dark mode support - Hover state on the card - Use shadcn/ui, Tailwind CSS
Share:Share on X
More Cards Prompts
A dashboard stat card showing a metric, percentage change, trend direction arrow, and a sparkline chart.
A product card with image, name, price, rating, and add-to-cart button. Includes a wishlist toggle and sale badge.