Collection of free Tailwind CSS calendar components from Codepen and other resources.
Related Articles

Links
Made with
- HTML / CSS
About a code
Custom Calendar
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 2.2.19

Links
Made with
- HTML / CSS
About a code
Tailwind CSS Calendar Component
Tailwind calendar is a premade component to incorporate into websites.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 2.2.19

Links
Made with
- HTML / CSS / JS
About a code
Full Calendar
Full calendar for any year.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: alpine.js
Tailwind version: 2.2.4

Links
Made with
- HTML / CSS
About a code
Calendar Stripe Card
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 2.2.4

Links
Made with
- HTML / CSS
About a code
Lo-fi Tailwind CSS Calendar - Month View
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 1.8.10

Links
Made with
- HTML / CSS
About a code
Calendar Table Template
Calendar template use HTML table.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
Tailwind version: 1.6.2

Links
Made with
- HTML / CSS / JS
About a code
Calendar UI with TailwindCSS and AlpineJS
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: alpine.js
Tailwind version: 1.2.0

Links
Made with
- HTML / CSS
About a code
Simple Calendar Day Icon
Just a simple way to show a calendar day (for an single event). Fixed width and height.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 0.3.0