Element
Card Component
Content card with image, title, and description
Make me a card component for displaying [my content type] on [my website type]. Each card represents [what the card shows] for users [my user type] browsing for [what they want]. Design a card that presents content well with:
- Image or icon area
- Clear title/heading
- Description text
- Optional metadata (date, author, price)
- Hover effect showing it's clickable
- Optional action button
- Consistent sizing in grids
- Mobile-responsive design
Cards will be used in [my layout context]. The style should be [modern/classic/playful]. Users should immediately understand what each card offers.
Make me a card component for displaying [my content type] on [my website type]. Each card represents [what the card shows] for users [my user type] browsing for [what they want]. Design a card that presents content well with:
- Image or icon area
- Clear title/heading
- Description text
- Optional metadata (date, author, price)
- Hover effect showing it's clickable
- Optional action button
- Consistent sizing in grids
- Mobile-responsive design
Cards will be used in [my layout context]. The style should be [modern/classic/playful]. Users should immediately understand what each card offers.
1
Create with AI agents
Start with a prompt, a Figma file, or any reference. Our AI agents handle the design, code, and copy.
2
Publish instantly
We generate production-ready code and host it for you — no setup, no friction.
3
Add to your site
Choose how you want to integrate: embed on your site or use a hosted URL.
