# Topic Cards

**URL:** https://meta.discourse.org/t/topic-cards/296048
**Category:** Theme component
**Tags:** official, topic-cards
**Created:** [February 20, 2024, 12:04pm UTC](https://meta.discourse.org/t/topic-cards/296048 "2024-02-20T12:04:45Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [February 20, 2024, 12:04pm UTC](https://meta.discourse.org/t/topic-cards/296048/1 "2024-02-20T12:04:45Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Topic Cards** restyle the topic list to display as cards with a thumbnail |
| 👓 | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/topic-cards) |
| 🛠 | **Repository** | [https://github.com/discourse/discourse-topic-cards](https://github.com/discourse/discourse-topic-cards) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

> [@](#):
>
> :discourse2: As this is an #official theme component maintained by the Discourse team, #Support, #Contribute > Bug, #Contribute > UX, and #Contribute > Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=topic-cards "Ask for support on configuring and using Topic Cards") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=topic-cards "A bug report means something is broken, preventing normal/typical use of the theme component") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=topic-cards "Discussion about the user interface of Topic Cards, and how features are presented (including language and UI elements)") [💡&nbsp; **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=topic-cards "Discussion about how existing Topic Cards features can be improved or enhanced, and how proposed new features could work")

> ℹ This theme component may cause conflicts with other customisations to the topic list

### Features

This component takes inspiration from [Topic Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails/150602), simplifies the use, adds excerpts & full-card clicking, and sprinkles some extra CSS magic.

- Make full card clickable (except for the original poster avatar)
- Show the excerpt
- Show a topic thumbnail, if available
- Show published date
- Trim away some metadata and make likes more prominent

Desktop

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/1/b/01b955425f7ee0f66e79906e25b9db5d86218940.jpeg)

Mobile

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/8/f/78fab569653933d420718788093e71bd5de3de4b.jpeg)

### Settings

| Translation | Default |
| --- | --- |
| published | Published |

  

> :discourse2: **Hosted by us?** Theme components are available to use on our Standard, Business, and Enterprise plans.

> Last edited by @chapoi 2024-06-18T00:42:14Z
> 
> > **Check document**
> >
> > Perform check on document:

---

_[View the full topic](https://meta.discourse.org/t/topic-cards/296048)._