---
title: "DotCalendar — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Viper Guy · Interactive. DotCalendar turns an abstract concept — how much time is left — into something you can actually see at a glance."
canonical: "https://framer.elliotli.dev/component/dotcalendar"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/DotCalendar

# DotCalendar

See your year. One dot at a time.

[View on Framer](https://framer.com/marketplace/components/dotcalendar/?via=elliot-li)

![DotCalendar preview image 1](https://framer.elliotli.dev/og/component/dotcalendar/2c758823043be69e/1600x1200.jpg)

## Summary

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

## Description

**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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10643

## Details

- **Author**: Viper Guy
- **Price**: $2.00
- **Published**: 2026-06-06
- **Updated**: 2026-06-05
- **Added**: 2026-05-30
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step