Tailwind CSS Calendars

There are 6 available components in this category, preview them all!

Month View

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Week View

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Day View

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Month View Compact

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Year View

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

In Dropdown

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Alpine.js code snippet

JS required

Screenshot

Get the code

Level up your design today

1,800+ code snippets are waiting for you.

Build beautiful and super modern web applications and websites with Tailkit's huge collection of Tailwind components, templates and tools.

Get access today