Discover the best calendar websites created by professional designers. Get inspired and start planning your perfect calendar web design today!

Ben Parker

This is a responsive dashboard I put together and it was based on a dribble post that you can see here:

https://dribbble.com/shots/3781660-Dashboard-Meeting

Divan's design is beautiful and I was excited to recreate it in Webflow!

Responsive Dashboard

Finsweet

You can now create localized calendar invites for Google, Outlook, and Apple directly from Webflow. Compatible with Weglot and Google Translate. Cal-Invite works for custom static events, dynamic lists, and CMS template pages!

Webflow Calendar Invite

A calendar of events site to clone and use for the events page of your site. This is also a great start if you're building a site centered around events! :)

calendar-of-events

Free event calendar that works with webflow CMS.

flow-calendar

Bradley Stallcup

Here's a pretty cool calendar for events. Use the Hidden Section to copy and paste the calendar unbounded from the CMS.

Shalome

Minim Accordion Calendar

No Code Flow

A dynamic Webflow CMS calendar component that we offer for the Webflow community. It works native within the CMS and no third party stuff. Easy to implement and 100%-styleable within Webflow. ✨
👋 check us out → https://www.nocodeflow.net/webflowweekcalendar

Dynamic CMS Calendar – NoCodeFlow

A pretty basic calendar using Webflow CMS, but the copy and pasting could save you some time.

Basic Lil' Calendar

Samuel

Timeline of major events for Stack Exchange and Stack Overflow

For Webflow template purchase enquiries, please contact me at https://samliew.com. The rainbow text and the background icon can be removed by removing a class from the element.

stackexchange-timeline

Zack Bujazia

We collaborated with Lake Las Vegas to design and develop an interactive website for their new private sports club. The design is classy and elegant much like the community and club it represents. The site enables the sports club to show all their weekly classes and events. It also allows admins to update classes on the fly in case of changes or cancellations. The site also has an informational aspect providing bios/info for all instructors and the classes they teach.

LLV Sports Club

Digidop | Free Ressources & Templates

Add some fun to your website with our cloneable "Random CMS Image on Mouse Move"! In just a few clicks, you can add some interactivity to your CMS images and make your website more fun. With each mouse move, our clonable displays images sourced from a collection of your Webflow CMS in the background in a random way. You can easily customize the clonable and integrate it into your existing website by copying the custom code and modifying the images from your CMS collection.

Random CMS Image on Mouse Move

Memberstack

Add a custom styled booking form to your Webflow site which automatically creates a Google calendar invite!

To get the code and Make scenario, go to this link:
https://www.memberstack.com/scripts/custom-booking-form

Custom Booking Form (Google Calendar)

JP Dionisio

Discover the Date Range Picker by JP, now available in two versions – unstyled for full customization and styled for a sleek design. 

Clone it today to enhance your Webflow Web Apps with ease.

Code is hosted in Slater
https://slater.app/projects/date-range/pages/date-range-364834a5-ccc6-447d-8ab5-b6391cd6c0d8
https://slater.app/projects/date-range/pages/date-range
https://slater.app/projects/date-range/pages/date-range-combo

Date Range Picker

Anton Wade

London's best design events in one place.

Design Calendar.

Avengr

This is a homepage mockup for coffee shop/restaurant brand Frothy Monkey in Tennessee.

Coffee Shop Homepage - Frothy Monkey Mockup

Guillaume Gosselin

I have used Webflow to create the next Backend version for a Training tool for Desktop with a responsive approach. Webflow Interaction feature was a great choice to demonstrate how to display buttons, calendar and drawers UX/UI interactions.

UX/UI Dashboard 2015

A free little calendar with dropdown as to keep all the information one one page for simple little calendars that don't need a full on CMS page for each.

CMS is unlinked and ready to copy. :)

Accordion Calendar Page Template

Demandflow

Create a workflow on your Webflow website that allows users to input information via a Webflow form and send that information to Calendly to prefill a Calendly form.

Prefill Calendly Form Cloneable

Elfsight

Andrei's Workspace

Keep your Webflow audience informed about upcoming events, activities, or deadlines with the free Event Calendar for website. Make it a valuable addition to your promotion strategy.

You'll find the Event Calendar widget is packed with helpful features:

• Coding-free setup — create events for any occasion and be precise with details without too much effort.
• Layout — specify the styles, elements, sizes, and filters.
• Customization  — match your website design with colors and fonts.
• Advanced settings — add the final touches to the Webflow Calendar integration with actions-upon-click, popup, formatting, and linking.

Let things come together on your Event Calendar website and get closer to marketing goals!

Learn more: https://elfsight.com/event-calendar-widget/webflow/

Seek additional support for the widget Event Calendar from our team at https://help.elfsight.com/. We will be glad to help you! 💕

Webflow Event Calendar Integration — Elfsight Widget

102022939

1026885926

102976941

1038319252

gpt-5-nano

1070795817

1098530826

gpt-4.1-mini

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-4-5

1181518147

1186914386

claude-opus-5

119812244

1207293145

1249999967

1274323923

1338389614

140432223

1444732314

1462086697

1506258256

1514009179

1559290700

1567550242

1592612642

1609688815

1621889036

1631162196

1674778404

1692956854

1696523225

17004821

1726628865

173867728

173927913

1768015773

gpt-5.5

1771795565

1863160016

1870758752

1905118106

1919353748

193274770

1960278590

1975670756

1977767562

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2031366339

2144870841

2147413158

2167006968

2216482092

2243824526

2250401860

225169335

2256326107

2291666157

2320791503

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2401437500

2486364096

gpt-4o

gpt-5-mini

gpt-4o-mini

2493307210

2546957535

2556595834

2624148589

2639613659

265457401

2717840929

2749253609

2789269995

2842505721

284989039

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

2940878268

2972123611

3022611874

3023147062

3026881092

3040272982

3056387847

3057360577

3070246498

307653616

3099012871

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

32368712

3238278814

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3417108561

3452464914

3458155273

gemini-3.6-flash

3497785011

Best Calendar Websites | Free Examples & Designs

Discover Calendar websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Start with a clone. Make it yours with an AI agent.

Discover Calendar websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Start with a clone. Make it yours with an AI agent.

Discover Calendar websites
built by the Webflow community