# Cards macro

📝

Add rich grids of cards featuring images, titles, descriptions, and links to other Confluence pages or websites.

| **Description** | Add rich grids of cards featuring images, titles, descriptions, and links to other Confluence pages or websites. |
| --------------- | ---------------------------------------------------------------------------------------------------------------- |
| **Type**        | Standard                                                                                                         |
| **Guest**       | :check\_mark:                                                                                                    |
| **Anonymous**   | 🕙                                                                                                               |

Create beautiful grids of cards with:

* Title
* Description
* Images (either from attachment, the web or Unsplash search)
* Colors (text and background

[![Approval](https://images.unsplash.com/photo-1745847768380-2caeadbb3b71?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxNXx8YXBwcm92YWx8ZW58MHx8fHwxNzczNzA1MDg0fDA&ixlib=rb-4.1.0&q=80&w=1080)ApprovalRequest approval and feedback on your pages.](https://www.gocapable.com)

[![Calendars](https://images.unsplash.com/photo-1506784365847-bbad939e9335?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHw0fHxjYWxlbmRhcnxlbnwwfHx8fDE3NzM3MDUxNDB8MA&ixlib=rb-4.1.0&q=80&w=1080)CalendarsManage important schedules spread across pages.](https://www.gocapable.com)

[![Diagrams](https://images.unsplash.com/photo-1646617747563-4f080bddf282?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxfHxkaWFncmFtfGVufDB8fHx8MTc3MzcwNTE2MHww&ixlib=rb-4.1.0&q=80&w=1080)DiagramsInsert over 20 types of diagrams with visual or text editors.](https://www.gocapable.com)

[![Github](https://images.unsplash.com/photo-1515879218367-8466d910aaa4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxfHxjb2RlfGVufDB8fHx8MTc3MzcwNTI3MXww&ixlib=rb-4.1.0&q=80&w=1080)GithubSecurely embed code, diagrams, markdown](https://www.gocapable.com)

[![Headings](https://images.unsplash.com/photo-1554757387-2a28855c78fb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxMHx8cGFnZXxlbnwwfHx8fDE3NzM3MDUzMDF8MA&ixlib=rb-4.1.0&q=80&w=1080)HeadingsAutomatically number your headings.](https://www.gocapable.com)

[![Images](https://images.unsplash.com/photo-1582555172866-f73bb12a2ab3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHw3fHxnYWxsZXJ5fGVufDB8fHx8MTc3MzcwNTQ0Mnww&ixlib=rb-4.1.0&q=80&w=1080)ImagesUpload and share images to a shared library.](https://www.gocapable.com)

## [#](#step-by-step)Step by Step

Simply type `/cards` and select the Capable Cards macro:

![image-20250813-160555.png](https://help.gocapable.com/images/ded7ff30-44a1-4589-8aa7-657654bf8d96.webp)

The configuration provides various options:

![Untitled design (6).gif](https://help.gocapable.com/images/78db0773-c5ad-46db-ae18-2249360965de.webp)