We help you ship a full stack calendar fast: an interactive front-end calendar component, a hosted calendar back-end, and sync with Google Calendar.
Code example
We host the calendar database and backend so you don't have to.
Create API keys and connect with our official SDK.
Built for developers and startups, for everything from MVPs to production apps.
Connect BuildCalendar.com and Schedule-X. Handles UI state and syncing automatically.
import { useCalendarApp } from "@buildcalendar/schedule-x";
import { ScheduleXCalendar } from "@schedule-x/react";
import { createViewMonthGrid, viewMonthGrid } from "@schedule-x/calendar";
import "@schedule-x/theme-default/dist/index.css";
const API_KEY = "YOUR_API_KEY";
function CalendarComponent() {
const { calendarApp } = useCalendarApp({
buildcalendarConfig: {
apiKey: API_KEY,
calendarId: "cal_123456789", // replace with your calendar ID
},
defaultView: viewMonthGrid.name,
views: [createViewMonthGrid()],
});
return (
<div style={{ height: "800px" }}>
{calendarApp && <ScheduleXCalendar calendarApp={calendarApp} />}
</div>
);
}
export default CalendarComponent;Features
A hosted calendar API with events, recurrence, and publishing.
REST • JSON • Hosted
Drop in an interactive calendar component built for products.
Interactive • Embeddable • Customizable
Two-way sync so your users stay in sync with Google Calendar.
OAuth • Sync • Reliability
Scope access by team and rotate keys safely.
Read • Write • Rotate
All-day, timed, and recurring events with timezones.
RRULE • EXDATE • TZ
One client for your front-end and back-end—Node, Deno, and the browser.
TypeScript • Node • Deno
Pricing
Get started with a hosted calendar at no cost.
$0/ month
Everything you need to ship a production calendar.
Starting from
$99/ month
Ready to move faster?
Start integrating today with our hosted API and official SDK.