About
Here is Preview Card component
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Preview Card to your project and fits it to your theme.
Code
How Preview Card is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ExamplePreviewCard from "@/components/ui/preview-card";
export default function DemoOne() {
return <ExamplePreviewCard />;
}
Dependencies
More by MUI
View all
Toast
43
Scroll Area
35
Select
30
Accordion
27
Number Field
27
Popover
24
Context Menu
15
Navigation Menu
15
More in Cards
View all
Stats cards with links
92
Course Design Cards
1.2K
Statistics Card 7
316
Statistics Card 2
295
Interactive Tech Stack Bento Grid with Hover Effects
503
Card
57
Item
10
Card Studio
8
