# Trending Communities Component

The Trending Communities component showcases the top five trending communities for users to interact with. Positioned after the Recommended Communities component in the Explore tab, it offers a seamless experience for users to engage with popular communities.

<figure><img src="https://2352509137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MX0mOAVWkotGme0iRzu%2Fuploads%2FleKCp0gkPdV9sU0PS0wk%2FCommunity%20Ranks%20Lists.jpg?alt=media&#x26;token=b13b3d16-967d-4461-b9fe-97bd9dfb83c4" alt=""><figcaption></figcaption></figure>





### Features

| Feature              | Description                         |
| -------------------- | ----------------------------------- |
| Trending Communities | Displays top 5 trending communities |

### Customization

<table><thead><tr><th width="301">Config ID</th><th width="122">Type</th><th>Description</th></tr></thead><tbody><tr><td>social_home_page/trending_communities/*</td><td>Component</td><td>You can customize component <code>theme</code></td></tr></tbody></table>

For more details on customization, please refer to the [Customization](../../../customization) page.

### Usage <a href="#usage" id="usage"></a>

The component is designed to be easily integrated into your application, providing a rich user interface for social interactions.

{% tabs %}
{% tab title="iOS" %}
{% embed url="https://gist.github.com/amythee/d5167ce1a3c68e075d06b49a6f20d873" %}
{% endtab %}

{% tab title="Android" %}
{% embed url="https://gist.github.com/amythee/cab31bb96f01e32ca26f4a288d1ba1b0" %}
{% endtab %}
{% endtabs %}
