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.
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
Title
No Events Text
Title, Description, Time, Day, Month, Year, Tag Color per event
Up to 50 events supported
Preset selector (Midnight, Ocean, Ember, Custom)
Background
Accent
Text
Muted Text
Event Background
Event Border
Corner Radius
Day Cell Size
Cell Gap
Title Font
Label Font
Body Font
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
