# Theme component

**URL:** https://meta.discourse.org/c/customization/theme-component/120.md?page=5

[Latest](https://meta.discourse.org/latest.md) · [Categories](https://meta.discourse.org/categories.md) · [Tags](https://meta.discourse.org/tags.md)

**Page:** 6

---

## [Advanced Hero Component](https://meta.discourse.org/t/advanced-hero-component/384945)

<div class="topic-metadata">

**Author:** [@VibeCommit](https://meta.discourse.org/u/VibeCommit)\
**Replies:** 4\
**Last updated:** [February 2, 2026, 11:29am UTC](https://meta.discourse.org/t/advanced-hero-component/384945 "2026-02-02T11:29:30Z")

</div>

:information\_source: Summary Create stunning, customizable hero sections with advanced styling controls, perfect for developer communities and coding forums. :eyeglasses: Preview https://vibecommit.dev/ …

---

## [Topic Voting Auto Self-Vote](https://meta.discourse.org/t/topic-voting-auto-self-vote/394770)

<div class="topic-metadata">

**Author:** [@putty](https://meta.discourse.org/u/putty)\
**Replies:** 0\
**Last updated:** [January 30, 2026, 3:42pm UTC](https://meta.discourse.org/t/topic-voting-auto-self-vote/394770 "2026-01-30T15:42:54Z")

</div>

:information\_source: Summary Enable automatic topic votes when a user creates a topic :hammer\_and\_wrench: Repository GitHub - dereklputnam/discourse-topic-voting-auto-self-vote · GitHub :question: Install …

---

## [Discourse Watch Category Button](https://meta.discourse.org/t/discourse-watch-category-button/394656)

<div class="topic-metadata">

**Author:** [@pacharanero](https://meta.discourse.org/u/pacharanero)\
**Replies:** 0\
**Last updated:** [January 29, 2026, 1:51pm UTC](https://meta.discourse.org/t/discourse-watch-category-button/394656 "2026-01-29T13:51:49Z")

</div>

:discourse2: Summary Watch Category Button adds a marker span that becomes a “Watch this category” button in posts. :hammer\_and\_wrench: Repository https://github.com/pacharanero/discourse-watch-category-butt…

---

## [Progress Bar](https://meta.discourse.org/t/progress-bar/394184)

<div class="topic-metadata">

**Author:** [@Canapin](https://meta.discourse.org/u/Canapin)\
**Replies:** 2\
**Last updated:** [January 28, 2026, 7:08pm UTC](https://meta.discourse.org/t/progress-bar/394184 "2026-01-28T19:08:18Z")

</div>

:information\_source: Summary Add a progress bar to your site :eyeglasses: Preview \[todo\] :hammer\_and\_wrench: Repository https://github.com/Canapin/Discourse-progress-bar :question: Install Guide How to i…

---

## [Messages section for sidebar](https://meta.discourse.org/t/messages-section-for-sidebar/389664)

<div class="topic-metadata">

**Author:** [@Moin](https://meta.discourse.org/u/Moin)\
**Replies:** 20\
**Last updated:** [January 22, 2026, 3:18am UTC](https://meta.discourse.org/t/messages-section-for-sidebar/389664 "2026-01-22T03:18:00Z")

</div>

:information\_source: Summary Adds personal and group message inbox links to the sidebar, including unread message indicators :eyeglasses: Preview Theme Creator :hammer\_and\_wrench: Repository GitHub - moin-…

---

## [Featured Tiles](https://meta.discourse.org/t/featured-tiles/156677)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 45\
**Last updated:** [January 22, 2026, 8:17am UTC](https://meta.discourse.org/t/featured-tiles/156677 "2026-01-22T08:17:05Z")

</div>

:discourse2: Summary Featured Tiles adds a row of featured tiles above topic lists. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link https://github.com/discourse…

---

## [Dice Roller](https://meta.discourse.org/t/dice-roller/170679)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 2\
**Last updated:** [January 20, 2026, 9:14am UTC](https://meta.discourse.org/t/dice-roller/170679 "2026-01-20T09:14:57Z")

</div>

:discourse2: Summary Dice Roller adds a well-featured dice roller to your Discourse posts, for your forum-based game needs! :hammer\_and\_wrench: Repository Link https://github.com/discourse/discourse-dice …

---

## [Codeblock Theme Picker](https://meta.discourse.org/t/codeblock-theme-picker/146396)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 18\
**Last updated:** [January 19, 2026, 11:37am UTC](https://meta.discourse.org/t/codeblock-theme-picker/146396 "2026-01-19T11:37:31Z")

</div>

:discourse2: Summary Codeblock Theme Picker will allow you to easily change the theme used in code blocks. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link https…

---

## [Rotating Composer Placeholder](https://meta.discourse.org/t/rotating-composer-placeholder/393740)

<div class="topic-metadata">

**Author:** [@Ethsim2](https://meta.discourse.org/u/Ethsim2)\
**Replies:** 8\
**Last updated:** [January 18, 2026, 6:37pm UTC](https://meta.discourse.org/t/rotating-composer-placeholder/393740 "2026-01-18T18:37:41Z")

</div>

:discourse2: Summary Rotating Composer Placeholder adds dynamic, rotating placeholder text to the Discourse composer, showing a different prompt each time the composer is opened. :hammer\_and\_wrench: Reposito…

---

## [Fingerprint Button](https://meta.discourse.org/t/fingerprint-button/393552)

<div class="topic-metadata">

**Author:** [@RGJ](https://meta.discourse.org/u/RGJ)\
**Replies:** 0\
**Last updated:** [January 15, 2026, 3:08pm UTC](https://meta.discourse.org/t/fingerprint-button/393552 "2026-01-15T15:08:45Z")

</div>

:information\_source: Summary adds a convenient button to the user card and user admin page to quickly navigate to the user’s fingerprint page (requires the discourse-fingerprint plugin) :hammer\_and\_wrench: R…

---

## [Image Annotator - Allows you to annotate images in the previewer](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936)

<div class="topic-metadata">

**Author:** [@chz062009](https://meta.discourse.org/u/chz062009)\
**Replies:** 64\
**Last updated:** [January 7, 2026, 4:33pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936 "2026-01-07T16:33:04Z")

</div>

Hi everyone, Along with my teammate @vliboolean1010, we’re excited to introduce you to the newly created Discourse Theme-Component, Image Annotator. Whenever you click on the image at the editor, it activates the featu…

---

## [Add Likes Column](https://meta.discourse.org/t/add-likes-column/116416)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 12\
**Last updated:** [April 4, 2025, 12:16pm UTC](https://meta.discourse.org/t/add-likes-column/116416 "2025-04-04T12:16:15Z")

</div>

:discourse2: Summary Add Likes Column adds a dedicated column for Likes to the Latest page of your site. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link https:/…

---

## [Custom User Menu](https://meta.discourse.org/t/custom-user-menu/367398)

<div class="topic-metadata">

**Author:** [@manuel](https://meta.discourse.org/u/manuel)\
**Replies:** 9\
**Last updated:** [January 5, 2026, 4:54pm UTC](https://meta.discourse.org/t/custom-user-menu/367398 "2026-01-05T16:54:17Z")

</div>

:information\_source: Summary Adds a dropdown menu to the header, giving users quick access to personal settings and pages :hammer\_and\_wrench: Repository Manuel Kostka / Discourse / Components / Custom User M…

---

## [Keyboard Text Button Component](https://meta.discourse.org/t/keyboard-text-button-component/117501)

<div class="topic-metadata">

**Author:** [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\
**Replies:** 2\
**Last updated:** [January 5, 2026, 4:42am UTC](https://meta.discourse.org/t/keyboard-text-button-component/117501 "2026-01-05T04:42:04Z")

</div>

This is a small theme component that creates a button in the composer that on-click, will generate a \<kbd\>Text\</kbd\> in the composer. Repository link: https://github.com/Chaboi45/Discourse-Keyboard-Text/ Preview Ill…

---

## [Topic List Author](https://meta.discourse.org/t/topic-list-author/269910)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 12\
**Last updated:** [January 3, 2026, 3:31pm UTC](https://meta.discourse.org/t/topic-list-author/269910 "2026-01-03T15:31:51Z")

</div>

:information\_source: Summary Makes the topic author appear instead of posters and allows changing the placement of the author column in topic list pages. :hammer\_and\_wrench: Repository https://github.com/dis…

---

## [Enable Dev Tools Button](https://meta.discourse.org/t/enable-dev-tools-button/350803)

<div class="topic-metadata">

**Author:** [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Replies:** 13\
**Last updated:** [January 3, 2026, 3:56am UTC](https://meta.discourse.org/t/enable-dev-tools-button/350803 "2026-01-03T03:56:01Z")

</div>

:information\_source: Summary Adds a button to the site header to enable Dev Tools :eyeglasses: Preview https://discourse.theme-creator.io/theme/NateDhaliwal/enable-dev-tools-button :hammer\_and\_wrench: Repo…

---

## [Fireworks Component 🎆](https://meta.discourse.org/t/fireworks-component/174598)

<div class="topic-metadata">

**Author:** [@meghna](https://meta.discourse.org/u/meghna)\
**Replies:** 18\
**Last updated:** [January 1, 2026, 4:05pm UTC](https://meta.discourse.org/t/fireworks-component/174598 "2026-01-01T16:05:14Z")

</div>

What better way to celebrate the New Year’s eve than fireworks! :fireworks: Here’s a component that adds fireworks on Discourse forum. The source code is inspired from Eddie’s Pure CSS Fireworks. Happy New Year …

---

## [Christmas Decoration Component 🎄](https://meta.discourse.org/t/christmas-decoration-component/173949)

<div class="topic-metadata">

**Author:** [@meghna](https://meta.discourse.org/u/meghna)\
**Replies:** 52\
**Last updated:** [January 1, 2026, 11:07am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949 "2026-01-01T11:07:24Z")

</div>

Adding a bit of festive flair to your forum – I present a Christmas decoration component! :christmas\_tree: This component includes three flairs: Christmas Lights Christmas Hats Christmas Decoration Image Each flai…

---

## [Live Reload in Production](https://meta.discourse.org/t/live-reload-in-production/392089)

<div class="topic-metadata">

**Author:** [@RGJ](https://meta.discourse.org/u/RGJ)\
**Replies:** 4\
**Last updated:** [December 29, 2025, 10:12am UTC](https://meta.discourse.org/t/live-reload-in-production/392089 "2025-12-29T10:12:25Z")

</div>

:information\_source: Summary Bring back CSS reloads in production :hammer\_and\_wrench: Repository https://github.com/communiteq/discourse-tc-livereload :question: Install Guide How to install a theme or the…

---

## [QR Code Shareables](https://meta.discourse.org/t/qr-code-shareables/341948)

<div class="topic-metadata">

**Author:** [@Alteras](https://meta.discourse.org/u/Alteras)\
**Replies:** 30\
**Last updated:** [December 29, 2025, 3:52am UTC](https://meta.discourse.org/t/qr-code-shareables/341948 "2025-12-29T03:52:18Z")

</div>

:information\_source: Summary Adds a QR Code generator to share link sources :eyeglasses: Preview https://discourse.theme-creator.io/theme/Alteras/qr-code-shareables :hammer\_and\_wrench: Repository https://g…

---

## [Winter snow theme component ❄](https://meta.discourse.org/t/winter-snow-theme-component/135157)

<div class="topic-metadata">

**Author:** [@david](https://meta.discourse.org/u/david)\
**Replies:** 21\
**Last updated:** [December 23, 2025, 9:38am UTC](https://meta.discourse.org/t/winter-snow-theme-component/135157 "2025-12-23T09:38:43Z")

</div>

This theme component adds some animated snow to your forum. :christmas\_tree: Warning: the animations will increase browser CPU usage :santa: :eye: Demo :link: Repository Javascript mode (shared by @cjk77 here): C…

---

## [Filtered Topic Lists](https://meta.discourse.org/t/filtered-topic-lists/321031)

<div class="topic-metadata">

**Author:** [@gormus](https://meta.discourse.org/u/gormus)\
**Replies:** 14\
**Last updated:** [December 22, 2025, 9:22am UTC](https://meta.discourse.org/t/filtered-topic-lists/321031 "2025-12-22T09:22:47Z")

</div>

:information\_source: Summary Allows creating custom topic list using filters. The lists then can be displayed in selected plugin outlet for selected pages. :eyeglasses: Preview Theme Creator …

---

## [Solved Topic Badge](https://meta.discourse.org/t/solved-topic-badge/281981)

<div class="topic-metadata">

**Author:** [@Don](https://meta.discourse.org/u/Don)\
**Replies:** 20\
**Last updated:** [December 19, 2025, 4:27pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981 "2025-12-19T16:27:58Z")

</div>

:information\_source: Summary Adds styling options to the solved and unsolved topics. :hammer\_and\_wrench: Repository GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the s…

---

## [Clickable Topic](https://meta.discourse.org/t/clickable-topic/183339)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 19\
**Last updated:** [December 19, 2025, 12:52pm UTC](https://meta.discourse.org/t/clickable-topic/183339 "2025-12-19T12:52:01Z")

</div>

:discourse2: Summary Clickable Topic makes the entire area of a topic-list-item clickable, as opposed to just the topic title. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: R…

---

## [Topic List Voting Column](https://meta.discourse.org/t/topic-list-voting-column/391661)

<div class="topic-metadata">

**Author:** [@chapoi](https://meta.discourse.org/u/chapoi)\
**Replies:** 0\
**Last updated:** [December 18, 2025, 3:12pm UTC](https://meta.discourse.org/t/topic-list-voting-column/391661 "2025-12-18T15:12:40Z")

</div>

:information\_source: Summary This TC adds a column to display the voting count. :eyeglasses: Preview preview – most visible in category “discourse” :hammer\_and\_wrench: Repository GitHub - chapoi/topic-list…

---

## [Alternative Voting Category Style](https://meta.discourse.org/t/alternative-voting-category-style/101532)

<div class="topic-metadata">

**Author:** [@tshenry](https://meta.discourse.org/u/tshenry)\
**Replies:** 47\
**Last updated:** [December 18, 2025, 11:50am UTC](https://meta.discourse.org/t/alternative-voting-category-style/101532 "2025-12-18T11:50:27Z")

</div>

This theme component offers alternative styling for any specified categories that make use of the Discourse Voting plugin. Installation Repository Link https://github.com/discourse/discourse-alternative-voting-catego…

---

## [Brand Header](https://meta.discourse.org/t/brand-header/77977)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 25\
**Last updated:** [December 17, 2025, 5:31pm UTC](https://meta.discourse.org/t/brand-header/77977 "2025-12-17T17:31:13Z")

</div>

:discourse2: Summary Brand Header adds an extra top header for branding with your logo, navigation links, and social icons for both mobile and desktop views. Brand logo can be an image or text. :eyeglasses: …

---

## [Discourse Post Image Carousel](https://meta.discourse.org/t/discourse-post-image-carousel/387872)

<div class="topic-metadata">

**Author:** [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Replies:** 3\
**Last updated:** [December 16, 2025, 7:53am UTC](https://meta.discourse.org/t/discourse-post-image-carousel/387872 "2025-12-16T07:53:13Z")

</div>

:information\_source: Summary Adds an image carousel (or multiple) to a post :hammer\_and\_wrench: Repository GitHub - NateDhaliwal/discourse-post-image-carousel: Adds a image carousel in posts · GitHub …

---

## [Custom Components -- add button or text at any plugin outlet](https://meta.discourse.org/t/custom-components-add-button-or-text-at-any-plugin-outlet/349629)

<div class="topic-metadata">

**Author:** [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Replies:** 13\
**Last updated:** [December 14, 2025, 1:50pm UTC](https://meta.discourse.org/t/custom-components-add-button-or-text-at-any-plugin-outlet/349629 "2025-12-14T13:50:09Z")

</div>

:information\_source: Summary Add button or text anywhere :hammer\_and\_wrench: Repository https://github.com/literatecomputing/discourse-custom-components :question: Install Guide How to install a theme or t…

---

## [Custom Top Navigation Links](https://meta.discourse.org/t/custom-top-navigation-links/87225)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 33\
**Last updated:** [December 14, 2025, 4:51am UTC](https://meta.discourse.org/t/custom-top-navigation-links/87225 "2025-12-14T04:51:15Z")

</div>

:discourse2: Summary Custom Top Navigation Links allows you to add links to Discourse top navigation. :eyeglasses: Preview Preview on Discourse Theme Creator :hammer\_and\_wrench: Repository Link https://gi…

[Previous page](https://meta.discourse.org/c/customization/theme-component/120.md?page=4)

[Next page](https://meta.discourse.org/c/customization/theme-component/120.md?page=6)
