Tailwind CSS home page

Showcase

SavvyCal

Screenshot of the SavvyCal home page. The header contains the SavvyCal logo and main navigation. The hero section contains a large page title over two lines, followed by an introduction paragraph and 'Get started free' call-to-action.
Technologies
Tailwind CSS, Elixir / Phoenix, React
Date
URL
savvycal.com
Go to website

SavvyCal

A better way to schedule meetings, built by a tiny team.

SavvyCal is scheduling software that makes it easy to find a time to meet with someone. Where many scheduling tools will present a list of available times, SavvyCal links have a traditional calendar view and allow recipients to overlay their own calendar when booking. Both the SavvyCal website and app are built with Tailwind CSS.

Screenshot of the SavvyCal website. The visible section compares SavvyCal to other scheduling tools and starts with a large heading. On the left is a visual representation of other tools and on the right is a representation of SavvyCal.
Simplified mock-up of how SavvyCal shows availability compared to existing tools.
Mobile screenshot of the SavvyCal home page. The header contains the SavvyCal logo and a menu button. The hero section contains a large page title over three lines, followed by an introduction paragraph and 'Get started free' call-to-action.
Mobile screenshot of the SavvyCal website. The visible section highlights some of SavvyCal's features with a short description and a screenshot of the SavvyCal interface.
Mobile screenshot of the SavvyCal website. The visible section shows a demo of the SavvyCal interface that includes some meeting details and a calendar where the user can select a meeting date.
The SavvyCal website and booking experience on mobile devices.
Screenshot of the SavvyCal website. The visible section shows a demo of the SavvyCal interface that includes some meeting details and a calendar where the user can select a meeting date. A larger week view is show on the right side of the screen.
The SavvyCal booking experience on larger screens with a traditional calendar view.
Screenshot of the SavvyCal website. The visible section shows a list of SavvyCal integrations in a grid layout with three columns. Each item has an icon and a short description.
A section on the SavvyCal website showing a list of integrations in a simple grid view.
Screenshot of the SavvyCal website. The visible section contains pricing details for SavvyCal. The three plans are arrange in columns and increase in price from left to right. The prices are shown in large text with a short description of the plan underneath.
A pricing table on the SavvyCal website showing three different pricing plans.