# Overview

Cards provide an API to display basic summary information in a card-based format and are useful for displaying key metrics about a collection.

![Cards](https://2059272600-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj6FmBruCSGbXJIJB2aRu%2Fuploads%2Fgit-blob-7eb35307fe5c3affb3102e3fbbcc1b3fdb532c6e%2Fcards.png?alt=media)

Cards can be defined in one of two ways:

{% content-ref url="count-cards" %}
[count-cards](https://docs.umbraco.com/umbraco-ui-builder/13.latest/cards/count-cards)
{% endcontent-ref %}

{% content-ref url="custom-cards" %}
[custom-cards](https://docs.umbraco.com/umbraco-ui-builder/13.latest/cards/custom-cards)
{% endcontent-ref %}
