# Card UI design inspiration

Details page: https://www.details.so/inspo/category/card
Category: Element · 68 inspirations

Browse 68+ card UI design examples curated from real websites. Compare layouts, states, interactions, and visual details for your next interface.

## Inspirations
- [Butter — Card, Features](https://www.details.so/inspo/butter-e4fb2f.md)
- [Architect — Card, Steps Features](https://www.details.so/inspo/tryarchitect-664a81.md)
- [Ruul — Card, Features](https://www.details.so/inspo/ruul-a6e6a6.md)
- [Onlook — Card, Features](https://www.details.so/inspo/onlook-28975f.md)
- [Clarasight — Card, Stats](https://www.details.so/inspo/clarasight-ffb0b9.md)
- [OhMD — Card, Stats](https://www.details.so/inspo/ohmd-caa5e6.md)
- [Clarasight — Card, Features](https://www.details.so/inspo/clarasight-93e581.md)
- [Understory — Card, Features](https://www.details.so/inspo/understory-0db038.md)
- [CryptoSea — Card, Features](https://www.details.so/inspo/cryptosea-a495eb.md)
- [mckp.live — Card, Features](https://www.details.so/inspo/mckp-3f8756.md)
- [Aside — Card, Features](https://www.details.so/inspo/aside-e395b1.md)
- [Sunny Bonnell — Card, Card Hover, Features, Stacked Scroll](https://www.details.so/inspo/sunnybonnell-dauyfl.md)
- [Gumloop — Card, Cursor Interaction, Features](https://www.details.so/inspo/gumloop-e4f255.md)
- [Mintlify — Card, Features](https://www.details.so/inspo/mintlify-ba4ac0.md)
- [Resurf — Card, Features](https://www.details.so/inspo/resurf-231917.md)
- [Wrangle — Card, Features](https://www.details.so/inspo/wrangle-202408.md)
- [Customer.io — Card, Features](https://www.details.so/inspo/customer-58fe0a.md)
- [Lovable — Card, Features](https://www.details.so/inspo/lovable-a281c0.md)
- [xAI — Card, Features](https://www.details.so/inspo/x-7af374.md)
- [Kobbe — Card, Features](https://www.details.so/inspo/kobbe-4584cb.md)
- [Biograph — Card, Features](https://www.details.so/inspo/biograph-6538db.md)
- [ToDesktop — Card, Features](https://www.details.so/inspo/todesktop-85007a.md)
- [Bynario — Card, Features](https://www.details.so/inspo/bynar-15165b.md)
- [CryptoSea — Card, Testimonial Social Proof](https://www.details.so/inspo/cryptosea-58b166.md)
- [Blackalgo — Card, Features](https://www.details.so/inspo/blackalgo-ebcb6c.md)
- [CryptoSea — Card, Content](https://www.details.so/inspo/cryptosea-f51750.md)
- [Everyday — Card, Carousel, Features](https://www.details.so/inspo/everyday-cac6a2.md)
- [Everyday — Card, Footer](https://www.details.so/inspo/everyday-bbf2ff.md)
- [Everyday — Card, Features](https://www.details.so/inspo/everyday-2e9c42.md)
- [Linear — Card, Features](https://www.details.so/inspo/linear-0aa2b8.md)
- [Framer — Card, Features](https://www.details.so/inspo/framer-677175.md)
- [Linear — Card, Features](https://www.details.so/inspo/linear-0038db.md)
- [Stack Asset Management — Card, Services Features](https://www.details.so/inspo/stack-477030.md)
- [Round — Card, Features](https://www.details.so/inspo/round-d15941.md)
- [Round — Card, Features](https://www.details.so/inspo/round-663a78.md)
- [Adapt — Card, Steps Features](https://www.details.so/inspo/adapt-356092.md)
- [Biograph — Card, Card Hover, Steps Features](https://www.details.so/inspo/biograph-9eb536.md)
- [Billow — Card, Features](https://www.details.so/inspo/billow-868bcd.md)
- [Diffusion Studio — Card, Features](https://www.details.so/inspo/diffusion-3f85c2.md)
- [V7 Labs — Card, Features](https://www.details.so/inspo/v7labs-b24998.md)
- [Son Daven — Card, Features, Horizontal Scroll](https://www.details.so/inspo/sondaven-aaf472.md)
- [Aave — Card, Cursor Interaction, Features](https://www.details.so/inspo/aave-ed28b5.md)
- [Yucca Packaging — Card, Card Hover, Features](https://www.details.so/inspo/yucca-196687.md)
- [Aave — Card, Features](https://www.details.so/inspo/aave-42b45e.md)
- [Voiceflow — Card, Features](https://www.details.so/inspo/voiceflow-976e2f.md)
- [Playground — Card, Features](https://www.details.so/inspo/tryplayground-1e4d22.md)
- [Ruul — Card, Features](https://www.details.so/inspo/ruul-93bb6a.md)
- [Twenty — 3D, Card, Features](https://www.details.so/inspo/twenty-9ddfa0.md)
- [Mistral AI — Card, Features](https://www.details.so/inspo/mistral-af15f2.md)
- [ICOMAT — Card, Card Hover, Features](https://www.details.so/inspo/icomat-d15a9c.md)
- [Ashley Brooke Creative Studio — Card, Features, Stacked Scroll](https://www.details.so/inspo/ashleybrookecs-c4083b.md)
- [Fluid Glass — Card, Features](https://www.details.so/inspo/fluid-7ccbf3.md)
- [Relats — Card, Features](https://www.details.so/inspo/relats-tkkc00.md)
- [Clear Street — Card, Card Hover, Features](https://www.details.so/inspo/clearstreet-sx1cyx.md)
- [Scout Motors — Card, Features](https://www.details.so/inspo/scoutmotors-ei0bo0.md)
- [Form&Fun Studio — Card, Card Hover, Services Features](https://www.details.so/inspo/formandfun-0a9vao.md)
- [Ning Huang — Card, Features, Horizontal Scroll, Portfolio](https://www.details.so/inspo/ning-h-zu6rnp.md)
- [Ethical Life — Card, Horizontal Scroll, Section Transition, Testimonial Social Proof](https://www.details.so/inspo/ethicallifeworld-ztpxh1.md)
- [Roboto Studio — Card, Card Hover, Features](https://www.details.so/inspo/robotostudio-jyrsi9.md)
- [Noovo — Card, Card Hover, Features](https://www.details.so/inspo/noovolife-ahz74g.md)
- [Animus Studios — Card, Features](https://www.details.so/inspo/animusstudios-9rm2zm.md)
- [FANCY — Card, Features, Horizontal Scroll](https://www.details.so/inspo/fancy-xmjnpl.md)
- [Praxis Leandra Isler — Card, Card Hover, Carousel, Services Features](https://www.details.so/inspo/leandra-isler-adnxri.md)
- [Jitter — Card, Features, Stacked Scroll](https://www.details.so/inspo/jitter-872mfj.md)
- [Native — Card, Card Hover, Features](https://www.details.so/inspo/native-j9rdwu.md)
- [MyHealthPrac — Card, Features](https://www.details.so/inspo/myhealthprac-j8opya.md)
- [Vooban — Card, Features, Modal](https://www.details.so/inspo/vooban-j4rzp2.md)
- [Vooban — Card, Card Hover, Features](https://www.details.so/inspo/vooban-cvilzk.md)

## Related categories
- [Button](https://www.details.so/inspo/category/button.md)
- [Carousel](https://www.details.so/inspo/category/carousel.md)
- [List](https://www.details.so/inspo/category/list.md)
- [Rows](https://www.details.so/inspo/category/rows.md)
- [3D](https://www.details.so/inspo/category/3d.md)
- [Modal](https://www.details.so/inspo/category/modal.md)
- [Accordion](https://www.details.so/inspo/category/accordion.md)

## For AI agents
Each inspiration link above returns a markdown summary. Full evidence (video frames, verified source excerpts) is available through the Details MCP: https://www.details.so/mcp.md