---
title: How to tame Card based user interfaces
subtitle: A collection of resource to make less mistakes while building Card based UIs
published: 2021-09-11T10:10:33.905Z
author: shivekkhurana
tags: design
heroImg: https://shivekkhurana.com/img/content/posts/taming-card-uis-cover.png
url: https://shivekkhurana.com/blog/card-ui-resources-list
---

*Photo by [Patrik Velich](https://unsplash.com/@patrikvelich?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/woman?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)*

Cards UI are the notoriously flexible building blocks of every modern application. Their forgiving nature allows us to go wrong and make some mistakes that could have been avoided.

I didn't realize it until I made those mistakes and referred to Google for ideas. Here's my goto list of resources:

1. [Simple Design Tips for Crafting Better UI Cards](https://uxplanet.org/simple-design-tips-for-crafting-better-ui-cards-19c1ac31a44e) by [Nick Babich](https://medium.com/@101)
2. [Ultimate guide for designing UI cards](https://uxplanet.org/ultimate-guide-for-designing-ui-cards-59488a91b44f) by [Vikalp Kaushik](https://vikalpkaushik99.medium.com/)
3. [Card UI design: fundamentals and examples](https://www.justinmind.com/blog/cards-ui-design/) by [JUSTINMIND Team](https://www.justinmind.com/)
4. [Successful card design in 3 steps: UX, UI, and Framework](https://uxdesign.cc/its-all-in-the-cards-ux-ui-card-design-44cf9e31d988) by [Brenna Grey Mickey](https://medium.com/@BrennaMickey)
5. [8 rules for a perfect card design](https://uxdesign.cc/8-rules-for-perfect-card-design-4fb7eef32e09) by [Dorjan Vulaj](https://medium.com/@thedsgnr)
6. [Applying a Card-Based Design to User Interfaces: Best Practices](https://rubygarage.org/blog/card-based-design-best-practices) by [RubyGarage Team](https://rubygarage.org/)

Hope you find it useful !