Framer Component

CMS Item Counter

Displays the number of items in a CMS collection list with options for font, singular and plural prefix and suffix, and number formatting.


  1. Create a Collection List for the CMS collection you want to count.

  2. Place the Collection List outside of a breakpoint or variant.

  3. Connect the Collection List to the CMS Counter using the handle on the right side of the component or using the dropdown list in the properties panel.

  4. The CMS Counter is now connected to your CMS collection. The number displayed in the editor may be incorrect in some cases, but it will always show the correct number in the preview and on the live website.