About
A real estate listing card that shows a property photo, price badge, address, and bed/bath/area stats with a hover reveal effect.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Property Preview Card to your project and fits it to your theme.
Code
How Property Preview Card is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import PreviewCard from "@/components/ui/card-02";
export default function CardDemo() {
return (
<div className="flex items-center justify-center p-10">
<div className="w-full max-w-sm">
<PreviewCard />
</div>
</div>
);
}














