Profile-Card

A sleek, modern profile card UI showcasing a user’s name, avatar, username, and recent activity time. Includes a call-to-action button to add the member. Designed with rounded corners, a clear content layout, and shadowed depth for a minimal, friendly feel.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Profile-Card to your project and fits it to your theme.

import { Component } from "@/components/ui/profile-card";

const DemoOne = () => {
  return <Component />;
};

export { DemoOne };