Elevate your Framer projects with Cal overlay pro—a sleek, customizable calendar component that integrates seamless booking overlays for Cal.com or Calendly.
Make it with Workshop
Build your own component with AI
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 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.
📌 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.