Collection of free HTML and CSS calendar grid code examples from Codepen and other resources.
Links
Made with
- HTML (Pug) / CSS (PostCSS)
About a code
CSS Christmas Calendar
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML (Pug) / CSS (SCSS)
About the code
CSS Grid: Calendar
Compatible browsers: Chrome, Edge (partial), Firefox, Opera, Safari
Responsive: no
Dependencies: simple-line-icons.css

Links
Made with
- HTML (Pug) / CSS (SCSS)
About the code
CSS Grid Calendar
HTML calendar with CSS Grid.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML
- CSS
About the code
CSS Grid Calendar
HTML and CSS grid calendar.

Links
Made with
- HTML/Pug
- CSS/SCSS
- JavaScript (jQuery.js)
About the code
Dynamic Data Calendar
Calendar with dynamic data.

Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Responsive Flexbox Calendar
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML (Pug) / CSS (SCSS)
About a code
Calendar Mockup
Very quick mockup of calendar.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -

Links
Made with
- HTML / CSS / JS
About a code
Flexbox Responsive Calendar
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -