CSS Calendar | Bypeople

deals

premiumpacks & css calendar (21 items)

CSS Calendar demos & prototypes, delivered as short snippets to test and implement easily. Creative calendar concepts in different styles and featuring responsive design, CSS animations and layouts, and transitions to integrate beautiful calendar widgets in your interface projects.

freebies

This is a Gantt chart concept made with CSS-grid. You can modify the chart by using the grid column property within the CSS file to span a new entr...

This is a Gantt chart concept made with CSS-grid. You can modify the chart by using the grid column property within the CSS file to span a new entry across the grid. The chart is structured with raw HTML and the CSS is precompiled through SCSS. Created by CodePen user Phil.

Featuring smooth transition animations and using Moment.js to power the dates, this Calendar Widget by Codepen user Paul Navasard is a great lookin...

Featuring smooth transition animations and using Moment.js to power the dates, this Calendar Widget by Codepen user Paul Navasard is a great looking and easily implemented solution for keeping track of events throughout the month.

A CSS built calendar for hand-held devices that features a nice color gradient throughout the days of the month, and also throughout the day events...

A CSS built calendar for hand-held devices that features a nice color gradient throughout the days of the month, and also throughout the day events as you click on a specific day.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

A nice animated calendar made in CSS, JavaScript and HTML. The calendar shows nationally recognized holidays and observances in the United States, ...

A nice animated calendar made in CSS, JavaScript and HTML. The calendar shows nationally recognized holidays and observances in the United States, it has a really cool flat style that can be used across multiple website designs. It can be used in any project (commercial or personal).

A full view calendar made in JavaScript, CSS and a bit of PHP, including day view, week view and month view. The calendar is based on Bootstrap and...

A full view calendar made in JavaScript, CSS and a bit of PHP, including day view, week view and month view. The calendar is based on Bootstrap and you can add events to it and mark them within different categories. The calendar was created by Sergey Romanov.

A simple calendar concept made with pure CSS. It is composed of a flat iPhone mockup showing a calendar in which you can select a date range, and t...

A simple calendar concept made with pure CSS. It is composed of a flat iPhone mockup showing a calendar in which you can select a date range, and then select the task you want to add to that date range. It is a compelling and useful creation by Codepen's user David Khourshid.

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century ...

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century Touch. File Formats Ai and EPS, Get This Pack For Just $29! (58% Off)

A flat events calendar perfect for websites or even mobile apps made with jQuery. The calendar includes the regular days, along with a single heade...

A flat events calendar perfect for websites or even mobile apps made with jQuery. The calendar includes the regular days, along with a single header for the month and the year. The cool thing about it, although it lacks some functionality, is that you can select a day and see some additional information within the same frame of the calendar, including title, hour, venue, location, description, more info.

This one looks a bit like a name tag, don't you think? Well, I guess it fits well if you're calling today's name. A quiet design that provides a ba...

This one looks a bit like a name tag, don't you think? Well, I guess it fits well if you're calling today's name. A quiet design that provides a basic piece of info in a stylish way. If you like this item, make sure you give the credit to Chris Nager from CodePen.

Here we have a beautiful, minimal, dark, and compact calendar design that’s suited for pop-ups. It comes with delightful shadow effects and smooth ...

Here we have a beautiful, minimal, dark, and compact calendar design that’s suited for pop-ups. It comes with delightful shadow effects and smooth animations that will  make your users happy. The colors of the days and the labels gracefully integrate with the background. It was created in CSS under the original idea of Alexey Anatolievich.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

A basic, clean calendar created with only CSS, there's also no tables at all involved in this design. If you happen to fall in love with it, make s...

A basic, clean calendar created with only CSS, there's also no tables at all involved in this design. If you happen to fall in love with it, make sure you give credit to Matthew Kosloski for putting this lovely calendar up there.

CSSDeck's user p0larBoy brings this fantastic CSS3 calendar packed with subtle, yet impressive animations. The boxes represent a day, and they move...

CSSDeck's user p0larBoy brings this fantastic CSS3 calendar packed with subtle, yet impressive animations. The boxes represent a day, and they move in place when switching months, once we click on a particular day, the number on top fades away to give place to the one of our choice. These cool effects were achieved by using CSS and HTML only.

Taking inspiration from Dribbble, this small calendar provides a compact look of the year's calendar, showing a cool animation when switching month...

Taking inspiration from Dribbble, this small calendar provides a compact look of the year's calendar, showing a cool animation when switching months. All credit goes to developer LukyVj.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

Thibaut created this fancy month selector based on Liam McCabe's PSD files. It displays a smooth animation when navigating with the keyboard, which...

Thibaut created this fancy month selector based on Liam McCabe's PSD files. It displays a smooth animation when navigating with the keyboard, which is a great detail in itself!

This month picker allows users to make their selection using the arrows or bringing a dropdown to choose from their usage history. Hosted in CodePe...

This month picker allows users to make their selection using the arrows or bringing a dropdown to choose from their usage history. Hosted in CodePen, created by Travis Loncar.

This basic CSS metro-styled calendar displays a solid blue color with a very sober, flat look and a month selector on top. It is incomplete right n...

This basic CSS metro-styled calendar displays a solid blue color with a very sober, flat look and a month selector on top. It is incomplete right now, so you might have to bring up your coding game to make use of this tool. Uploaded to CodePen by Roman.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

This super cool calendar features a soft metro design with light colors and a month selector on the top. It was created by Flying Emu and uploaded ...

This super cool calendar features a soft metro design with light colors and a month selector on the top. It was created by Flying Emu and uploaded to CodePen.

Although a little slow on performance, this is a slick CSS responsive calendar that you might want to try given its cross-browser and cross-device ...

Although a little slow on performance, this is a slick CSS responsive calendar that you might want to try given its cross-browser and cross-device compatibility. Just set it the right way and you'll get an even square all over your platforms.

This is a beautiful skin created by Anas Nakawa and uploaded to CodePen. It features a solid design with boxes you can click and highlight, an...

This is a beautiful skin created by Anas Nakawa and uploaded to CodePen. It features a solid design with boxes you can click and highlight, and an awesome, colorful background. 

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placehol...

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placeholders, Vector Shape Elements, Scalable World & USA State Maps, Infographics, Tons of Content More! Only 19$ (92% Off)

A nice little calendar or date picker, for that matter. It contains markers for special days, a multi-page effect and clean shadows. Coded on CSS3 ...

A nice little calendar or date picker, for that matter. It contains markers for special days, a multi-page effect and clean shadows. Coded on CSS3 and uploaded to CodePen by Thibaut.

This is a calendar built in CSS without using any tables, carrying a rather simple style that suits well. It was brought to life and uploaded to Co...

This is a calendar built in CSS without using any tables, carrying a rather simple style that suits well. It was brought to life and uploaded to CodePen by Ilya N. Zykin.

A quick, simple calendar icon designed in CSS3. It will show one day at a time, just like those page a day calendars. It looks very stripped-down a...

A quick, simple calendar icon designed in CSS3. It will show one day at a time, just like those page a day calendars. It looks very stripped-down and not shabby at all.

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick desi...

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick designs with tons of mojo, only 19$ (93% Off)