Back to all templates

The ultimate calendar for you and your team

All your events, tasks and commitments in one simple calendar app. Easy to use and packed with features. It also looks good.

Mikolaj (Work)

Mikolaj (Personal)

Launch UI

January 2024

Mon 15
Tue 16
Wed 17
Thu 18
Fri 19
Sat 20
Sun 21
all-day
07:00
08:00
09:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
19:00
20:00
21:00
22:00
23:00
24:00

Works with all your favorite tools

Google Meet
Notion
Github
Zoom

Everything you need from a perfect calendar app

Saturn Calendar is a modern and intuitive calendar app that makes it easy to manage your schedule and stay on top of your commitments.

Navbars

Integrated AI

Intelligent scheduling

Saturn Calendar uses AI to suggest the best times for your meetings and events.

Bento grids

Seamless syncing

Sync all your calendars

Saturn Calendar integrates with all your calendars, including Google Calendar, Outlook, and iCloud.

Hero sections

Team collaboration

Collaborate with your team

Saturn Calendar allows you to collaborate with your team on your schedule.

Navbars

Mobile-first

Start with the right impression

Optimized to look and feel great on all devices, including mobile, tablet and desktop.

Finally, a calendar experience done right.

Saturn Calendar is a modern and intuitive calendar app that makes it easy to manage your schedule and stay on top of your commitments.

Mobile-first

Optimized to look and feel great on all devices, including mobile, tablet and desktop.

Launch UI app screenshot

Connect to all your calendars at once

Integrate your landing page directly in the product and forget about multiple codebases and unnecessary APIs.

No extra dependencies, no extra maintenance.

Stay on top of your schedule

With Saturn Calendar, you'll never miss an important meeting or appointment again.

page.tsx

globals.css

import { cn } from "@/lib/utils";
import clsx from  "clsx";
import { PropsWithChildren } from "react";

type NoteProps = PropsWithChildren & {
 title?: string;
 type?: "note" | "danger" | "warning" | "success";
 className?: string;
 };

export default function Note({
 children,
 title = "Note",
 type = "note",
 className,
 }: NoteProps ) {
 const noteClassNames = clsx({
 "dark:bg-stone-950/25 bg-stone-50": type == "note",
 "dark:bg-red-950 bg-red-100 border-red-200 dark:border-red-900":
 type === "danger",
 "dark:bg-orange-950 bg-orange-100 border-orange-200 dark:border-orange-900":
 type === "warning",
 "dark:bg-green-950 bg-green-100 border-green-200 dark:border-green-900":
 type === "success",
  });
@import "tailwindcss";

@plugin "tailwindcss-animate";

@import "../styles/syntax.css" layer(utilities);
@import "../styles/theme.css" layer(utilities);

@custom-variant dark (&:where(.dark, .dark *));

@theme inline {
 --color-brand: var(--brand);
 --color-brand-foreground: var(--brand-foreground);
 --color-light: var(--light);
 --color-light-foreground: var(--light-foreground);
 --color-background: var(--background);
 --color-foreground: var(--foreground);
 --color-sidebar-ring: var(--sidebar-ring);

Support for multiple time zones

Easily manage and visualize schedules across different time zones.

Team centric

Saturn Calendar is designed to work seamlessly with your team.

Easily add your team members to collaborate in real-time on shared calendars and events.

We need to update this heading before launch
Sofia G.
Let me quickly jump into Sanity and fix it
Done!
Erik D.

Smart conflict prevention

Automatically blocks busy time slots across all your connected calendars.

page.tsx

globals.css

import { cn } from "@/lib/utils";
import clsx from  "clsx";
import { PropsWithChildren } from "react";

type NoteProps = PropsWithChildren & {
 title?: string;
 type?: "note" | "danger" | "warning" | "success";
 className?: string;
 };

export default function Note({
 children,
 title = "Note",
 type = "note",
 className,
 }: NoteProps ) {
 const noteClassNames = clsx({
 "dark:bg-stone-950/25 bg-stone-50": type == "note",
 "dark:bg-red-950 bg-red-100 border-red-200 dark:border-red-900":
 type === "danger",
 "dark:bg-orange-950 bg-orange-100 border-orange-200 dark:border-orange-900":
 type === "warning",
 "dark:bg-green-950 bg-green-100 border-green-200 dark:border-green-900":
 type === "success",
  });
@import "tailwindcss";

@plugin "tailwindcss-animate";

@import "../styles/syntax.css" layer(utilities);
@import "../styles/theme.css" layer(utilities);

@custom-variant dark (&:where(.dark, .dark *));

@theme inline {
 --color-brand: var(--brand);
 --color-brand-foreground: var(--brand-foreground);
 --color-light: var(--light);
 --color-light-foreground: var(--light-foreground);
 --color-background: var(--background);
 --color-foreground: var(--foreground);
 --color-sidebar-ring: var(--sidebar-ring);

Everything you need in one calendar app

Built-in scheduling

Share your availability and let others book time with you without switching apps

Global time zone support

Collaborate seamlessly with teams worldwide by visualizing schedules across time zones

Efficient interface

Navigate quickly with command menu and keyboard shortcuts for faster workflows

Multilingual support

Available in 12 languages including English, Japanese, Korean, and major European languages

Unified calendar view

See all your personal and work commitments in one place to avoid scheduling conflicts

Multiple calendar sync

Easily connect and manage both work and personal calendars in a single interface

Smart conflict prevention

Automatically blocks busy time slots across all your connected calendars

Mobile-friendly design

Check and manage your schedule on the go with our intuitive mobile application

Choose your view

Saturn Calendar offers multiple ways to visualize your schedule so you can stay on top of your commitments

Mikolaj (Work)

Mikolaj (Personal)

Launch UI

January 2024

Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11

Loved by professionals and teams worldwide

Here's what our users are saying about Saturn Calendar

Choose a plan that works for you

Saturn Calendar offers flexible pricing options to fit your needs, from individuals to large teams

MonthlyYearlySave 15%

Team

For teams who need the best scheduling experience

$10
one-time paymentplus local taxes
Get started

Billed yearly ($120/year)


  • Everything in Basic
  • Advanced scheduling tools
  • Multiple time zone support
  • Connect up to 5 calendars
  • Custom event types
  • Calendar analytics
  • Priority support

Enterprise

For larger teams that need to coordinate on a global scale

$21
one-time paymentplus local taxes
Contact sales

Billed yearly ($250/year)


  • Everything in Team
  • Team scheduling features
  • Admin dashboard
  • Resource booking
  • Team calendar views
  • Unlimited calendars
  • SSO authentication
  • API access
  • Dedicated account manager

Questions & answers

Ready to transform your scheduling experience?

SaaS marketing website template

Saturn

Get all-access

Included in Pro

A modern and clean template for SaaS businesses and marketing websites. Designed to showcase your product and convert visitors into customers.

Lightweight Shadcn UI frontend optimized for quick project starts, framework-agnostic and compatible with any API or React-based solution.

  • React19.0
  • Shadcn/ui2.4
  • TypeScript5.6
  • Tailwind4.0

Features

  • Modern hero section with CTA
  • Feature showcase sections
  • Pricing tables
  • Testimonials section
  • Clean, conversion-focused design
  • Mobile-responsive layout