Scheduler Calendar

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.

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.