---
title: "CMS Item Count — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Interactive. Display the total number of items"
canonical: "https://framer.elliotli.dev/component/cms-item-count"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/CMS Item Count

# CMS Item Count

Display the total number of items

[View on Framer](https://framer.com/marketplace/components/cms-item-count/?via=elliot-li)

![CMS Item Count preview image 1](https://framer.elliotli.dev/og/component/cms-item-count/7e11edeeb5973030/1600x1199.jpg)

## Summary

Display the total number of items

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

Display the total number of items inside any Framer CMS collection. CMS Counter automatically reads the matching collection and shows a live count, making it useful for project archives, directories, articles, resources, portfolios, and other CMS-powered pages.

Add optional text before or after the value, then format the number to match the rest of your interface.

**How to use**

Drop the CMS Counter onto your page and enter the exact name of the collection you want to count. Add a CMS Counter Marker inside an item of the matching Collection List and use the same collection name on both components.

Customize the prefix, suffix, number formatting, minimum digit count, typography, and color directly from the properties panel.

Features

-   Counts items in a Framer CMS collection
    
-   Automatically updates as the collection changes
    
-   Works with a matching CMS Counter Marker
    
-   Optional prefix and suffix text
    
-   Multiple thousands-separator formats
    
-   Minimum digit control
    
-   Optional leading zeros
    
-   Custom typography and text color
    
-   Useful for portfolios, directories, blogs, and resource libraries
    
-   Responsive across desktop, tablet, and mobile
    
-   No API or manual updating required
    

**Refund Policy:**

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: [hi@alicorak.com](mailto:hi@alicorak.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #8765

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-14
- **Updated**: 2026-08-16
- **Added**: 2026-07-14
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase