---
title: "Scheduler Calendar — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Interactive. What is Scheduler Calendar?"
canonical: "https://framer.elliotli.dev/component/scheduler-calendar"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Scheduler Calendar

# Scheduler Calendar

A sleek, customisable weekly planner.

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

![Scheduler Calendar preview image 1](https://framer.elliotli.dev/og/component/scheduler-calendar/7a1bfe9dca7023d7/1600x1200.jpg)

## Summary

What is Scheduler Calendar?

## Description

## What is Scheduler Calendar?

Scheduler Calendar is a premium weekly schedule card component for Framer. It displays a navigable 7-day strip with color-coded events, expandable info panels, and smooth animations. Ideal for SaaS dashboards, productivity app landing pages, portfolio pieces, and any project that needs a polished calendar UI without code.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Week-by-week navigation with auto-generated day labels, month tracking, and a one-tap "Today" button to jump back instantly
    
-   Expandable event details with a toggleable info icon on each task, open by default to surface key information at a glance
    
-   4 built-in themes (Midnight, Ocean, Ember, Custom) with full color control over background, accent, text, event surfaces, and borders
    
-   Responsive event list that scrolls cleanly when content overflows, with a styled minimal scrollbar
    
-   Independent typography controls for title, label, and body text, giving full font flexibility across every text element
    

## Controls inside Framer

### Content

-   Title
    
-   No Events Text
    

### Events

-   Title, Description, Time, Day, Month, Year, Tag Color per event
    
-   Up to 50 events supported
    

### Theme

-   Preset selector (Midnight, Ocean, Ember, Custom)
    

### Custom Colors (visible when Custom is selected)

-   Background
    
-   Accent
    
-   Text
    
-   Muted Text
    
-   Event Background
    
-   Event Border
    

### Layout

-   Corner Radius
    
-   Day Cell Size
    
-   Cell Gap
    

### Typography

-   Title Font
    
-   Label Font
    
-   Body Font
    

## Best use cases

-   SaaS and productivity app landing pages that need a realistic schedule UI
    
-   Dashboard prototypes and interactive demos for client presentations
    
-   Portfolio and agency sites showcasing design system polish
    
-   Event-driven websites, booking pages, or team schedule displays
    

Ship a premium schedule interface in seconds - no code, no compromises.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).

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

-   All · #9245

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-03-13
- **Updated**: 2026-06-13
- **Added**: 2026-03-09
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase