Home

Library

Code components

Last updated on:

Updated on:

August 14, 2026

Item Quantity Counter Component for Framer

This component is specifically developed to count and display the number of available collections in a CMS, updating dynamically as the CMS changes.

...

Variants:

Compatible to count any stack, container, CMS, cards, and more.

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

Preview the component

How to use the component?

Drag or copy this component to your Framer project.

If the copy button is disabled, please do Sign in here.

Once pasted, head over to the component property panel to adjust the font style, size, color, spacings and more.

Choose the CMS collection you want to count and enable scroll section. Give a name for the scroll section and copy it.

Paste the same characters on the "Scroll ID" label. You're good to go now. Just publish and preview the page. The component will show you the correct value.

If you want to add special notes or texts with the item counter value, use the "Prefix" and, or "Suffix" labels.

Check out more code components in the library.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Item Quantity Counter Component for Framer

This component is specifically developed to count and display the number of available collections in a CMS, updating dynamically as the CMS changes.

...

Variants:

Compatible to count any stack, container, CMS, cards, and more.

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

Preview the component

How to use the component?

Drag or copy this component to your Framer project.

If the copy button is disabled, please do Sign in here.

Once pasted, head over to the component property panel to adjust the font style, size, color, spacings and more.

Choose the CMS collection you want to count and enable scroll section. Give a name for the scroll section and copy it.

Paste the same characters on the "Scroll ID" label. You're good to go now. Just publish and preview the page. The component will show you the correct value.

If you want to add special notes or texts with the item counter value, use the "Prefix" and, or "Suffix" labels.

Check out more code components in the library.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Library overview

Framerstacks hosts one of the largest collections of pre-built Framer components and website sections. With 200+ professionally designed components and 800+ variants.

Our library spans 40+ webpage section categories, enabling creators to build beautiful, high-performance websites in Framer faster than ever.

Explore the main library page.

Contribution

Have something creative on your mind? Or wish to become a contributor inside Framerstacks?

You're welcome. Join as a contributor and help to shape the future of the high-quality Framer components and sections gallery. Head over to the submission page and contribute.