BuildCalendar
Login
Private beta

Full-stack calendar
in 10 minutes

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.

Get startedView features
Interactive front-end calendar
Hosted calendar back-end + API
Google Calendar sync

DemoReal Data

Double-click the grid to create an event, or click to edit existing ones. Refresh the page to see your changes persist instantly to the database.

Get started in minutes

Install the adapter, drop in the calendar component, and let us handle the complex backend sync with Google Calendar.

1Install

Add the Schedule-X calendar component and the BuildCalendar adapter.

npm install @buildcalendar/schedule-x @schedule-x/calendar @schedule-x/react @schedule-x/theme-default

2Render calendar

Initialize the calendar component and drop it in your page. The BuildCalendar adapter handles UI state 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";
const CALENDAR_ID = "cal_123456789";

export default function CalendarComponent() {
  const { calendarApp } = useCalendarApp({
    buildcalendarConfig: {
      apiKey: API_KEY,
      calendarId: CALENDAR_ID,
    },
    defaultView: viewMonthGrid.name,
    views: [createViewMonthGrid()],
  });

  return (
    <div style={{ height: "800px" }}>
      {calendarApp && <ScheduleXCalendar calendarApp={calendarApp} />}
    </div>
  );
}
Schedule-X is a powerful, customizable open-source calendar component that works seamlessly with BuildCalendar.
Learn more

3Get your API key

Log in and generate an API key. Your users will be able to connect their Google Calendar and sync events with your app.

Create free account

Get started with the free tier.
No credit card required.

Create free account

Features

Hosted infrastructure for calendar apps

API DocsGet started

Calendar back-end

A hosted calendar API with events, recurrence, and publishing.

REST • JSON • Hosted

Front-end calendar

Drop in an interactive calendar component built for products.

Interactive • Embeddable • Customizable

Google Calendar sync

Two-way sync so your users stay in sync with Google Calendar.

OAuth • Sync • Reliability

API keys

Scope access by team and rotate keys safely.

Read • Write • Rotate

Events + recurrence

All-day, timed, and recurring events with timezones.

RRULE • EXDATE • TZ

Official SDK

One client for your front-end and back-end—Node, Deno, and the browser.

TypeScript • Node • Deno

Pricing

Choose your plan

Free

Get started with a hosted calendar at no cost.

$0/ month

  • Hosted calendar
  • Google Calendar sync
  • Schedule-X adapter
  • Interactive frontend plugins
  • Customer support
Sign up free
Recommended

Team Plan

Everything you need to ship a production calendar.

Starting from

$99/ month

  • Hosted calendar
  • Google Calendar sync
  • Schedule-X adapter
  • Interactive frontend plugins
  • Customer support
Get started

Ready to move faster?

Start building today

Get a fully functional calendar integrated into your app in minutes.

Hosted APISDK readyOpenAPI
Get started

Get access

Share a bit about your project and how our API will help you.
We'll get back to you as soon as possible.