DotCalendar

DotCalendar turns an abstract concept — how much time is left — into something you can actually see at a glance.

DotCalendar turns an abstract concept — how much time is left — into something you can actually see at a glance. Most people underestimate how fast a year or month passes because there is no visual reference point (a fixed anchor for comparison). This component solves that.

Each dot represents one day. Past days appear faded. Remaining days stay solid. The result is an honest, immediate picture of where you stand in time — no numbers, no labels, no noise.

It is particularly useful for:

• Portfolio & personal sites — as a subtle, distinctive (memorable and unlike anything else) widget that reflects intentionality

• Dashboard layouts — as a utility block that adds context without consuming space

• Productivity tools — to keep users aware of deadlines at a macro level

• Year-in-review pages — as a visual anchor for progress

It is fully adjustable from Framer's Properties Panel — dot size, gap, colors, background, and year or month view — making it adaptable (easily adjusted to fit different needs) to any project without touching the code.