Slot Indicator is a lightweight Framer component that turns a simple filled/total number into an immediate visual signal. Instead of text like "3 of 8 spots left," visitors see exactly which slots are taken at a glance — no reading required.
The component is built for any situation where capacity or availability matters:
Coaching and class booking pages — show how many spots remain in a program or session
Group fitness and workshops — display live availability without custom code
Product pages — indicate stock levels or limited availability
Event pages — visualize ticket tiers or capacity
Every visual detail is exposed as a Framer variable. Slot width, height, gap, border radius, filled color, and empty color are all adjustable directly in the panel — no code, no overrides.
Slot Indicator accepts its Filled Slots and Total Slots values as bindable number fields, so it works natively inside a Framer Collection List. Bind it to your CMS and every card automatically shows the correct availability for that item.