---
title: "Cal Overlay Pro — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Mridul Joshi · Interactive. A refined glassmorphism calendar design"
canonical: "https://framer.elliotli.dev/component/cal-overlay-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Cal Overlay Pro

# Cal Overlay Pro

A refined glassmorphism calendar design

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

![Cal Overlay Pro preview image 1](https://framer.elliotli.dev/og/component/cal-overlay-pro/d8050d99d4e0734d/1600x1200.jpg)

## Summary

A refined glassmorphism calendar design

## Description

Details

-   Glassmorphism UI: Frosted card with backdrop blur, subtle gloss, soft borders, and layered gradients for a premium iOS aesthetic.
    
-   Smart navigation: Month switching, Monday-first layout, and a today indicator dot for quick context.
    
-   Click-to-book: Clicking a date builds a URL with the selected day and opens a resizable, animated overlay modal that embeds the booking page; auto-fallback to new tab if embedding is blocked.
    
-   Easy setup: No API required—just set a base link and date format; works great with [Cal.com](http://cal.com/) or Calendly and other booking URLs.
    
-   Customizable: Toggle navigation, adjust blur, tint, borders, spacing, cell size, and set a solid heading color via the titleColor prop.
    
-   Performance friendly: Lightweight React component designed for Framer projects and responsive layouts.
    
-   Creator-friendly: Ideal for freelancers, agencies, and product sites that want a premium, on-brand scheduling experience without heavy integrations.
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-0jyim9vu-SZwMtNTIwoFEmBUVMcuWq10YWDokbr)

📌 Legal & Refund Policy

-   **License**: This component is sold under a **single-use commercial license**. You may use it in personal and commercial Framer projects. Redistribution, resale, or inclusion in template marketplaces without permission is prohibited.
    
-   **Refunds**: Due to the **digital nature** of this product, all sales are **final**. Refunds are only
    
    available in cases of accidental duplicate purchase or if the component does not function as described.
    
-   **Support**: Free updates and bug fixes are included. For feature requests, please reach out before purchase.
    
-   **Disclaimer**: This component is provided “as is” without warranties of any kind. Performance may vary depending on your Framer setup.
    

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

-   All · #9392

## Details

- **Author**: Mridul Joshi
- **Price**: $14.00
- **Published**: 2025-09-29
- **Updated**: 2026-03-26
- **Added**: 2025-09-21
- **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