Availability Gauge

Availability Gauge is a small, friendly component that shows how booked you are, month by month. Each row has a label and a gauge of slots, so visitors can see at a glance when you're busy and when you still have room. A little speech bubble adds a short note like "Limited spots" or "Fully booked".

It's perfect for freelance designers, developers, and studios who want to share their schedule on a portfolio or contact page.

What you can show

- Monthly availability, e.g. Oct, Nov, Dec

- Weekly availability, using week labels such as "Oct 5"

- Up to 12 rows, each with its own number of slots

- A status message in a speech bubble, hidden when left empty

13 customizable variables

Header, Months (Label, Filled, Total), Status Text, Font, Text Color, Active Color, Inactive Color, Bubble Color, Hover Effect, Gap, Header Gap, Indicator Size, Indicator Radius