Calendar Starter Kit

A production-ready set of calendar components, event management, and AI scheduling tools. Fork it, swap the branding, wire up your data, and ship.

Preview

Auto-advances every 5 seconds. Hover to pause, click a chip to jump.

Product Strategy SyncWeekly recurring

AI Scheduled

10:00 AM - 11:00 AM

Thursday, Feb 6

Conference Room B

+2 others

February 2026

Up Next

Design Review11:30 AM

1:1 with Alex2:00 PM

Sprint Retro4:15 PM

Every component is self-contained and ready to use in your own project.

Three swappable calendar view components ready to drop into your app. Each is self-contained and easy to extend.

A pre-wired chat component using AI SDK 6 and the Vercel AI Gateway. Swap the system prompt and tools to fit your domain.

Five-color event model with a reactive store. Add your own fields, categories, or data sources without rearchitecting.

Model selector, temperature slider, and editable system prompt out of the box. A foundation for any AI-powered feature.

Responsive header, full-screen mobile menu, and floating action buttons you can reuse across any layout.

Light and dark modes via CSS custom properties. Override the token values to match your brand in minutes.

Next.js 16React 19AI SDK 6shadcn/uiTailwind CSSdate-fnsRechartsnext-themesZodlucide-react

See the calendar in action -- create events, switch views, chat with the AI assistant, and configure the agent settings.

App icons, favicon, and OG image built from the default blue palette. Right-click to save, or swap the colors to match your brand.