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.

Lifetime Access: Social Media Management Tool. Feature Rich Platform With Unlimited Social Media Profiles & Projects At No Extra Cost. Pay Once, Us...

Lifetime Access: Social Media Management Tool. Feature Rich Platform With Unlimited Social Media Profiles & Projects At No Extra Cost. Pay Once, Use Forever!

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.

The ultimate tool to help you burn through your CSS styling process with holy fire. Available for PC & Mac, this feature-rich software comes packed...

The ultimate tool to help you burn through your CSS styling process with holy fire. Available for PC & Mac, this feature-rich software comes packed with powerful tools like side-by-side browser preview panes to pinpoint issues across platforms, tree DOM explorer, an intuitive interface where you can edit exactly where & how you want with its Bullseye functionality, tools for pixel perfection, integrated FTP client

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.

4500+ Icons Pack, Only $19: Line, Fill, Rounded & Thinline Style. Ai, EPS & SVG Vectors, 30+ Categories

4500+ Icons Pack, Only $19: Line, Fill, Rounded & Thinline Style. Ai, EPS & SVG Vectors, 30+ Categories

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.

7300+ Unique Presentation Slides PowerPoint & Keynote Templates Bundle, Only $12 USD! Drag n' Drop Easy Edition, Vector Elements, Ready to print! (...

7300+ Unique Presentation Slides PowerPoint & Keynote Templates Bundle, Only $12 USD! Drag n' Drop Easy Edition, Vector Elements, Ready to print! (98% OFF)

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.

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graph...

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graphics Projects! Only 29$ (82% Off)

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. 

1400 Logo Templates, Full Vector Files in Ai, PSD with Smart Objects, PNG, JPG, 8 Design Styles, From Colorful Designs to Black and White Corporate...

1400 Logo Templates, Full Vector Files in Ai, PSD with Smart Objects, PNG, JPG, 8 Design Styles, From Colorful Designs to Black and White Corporate Logos. Regular price 4200$ Get Them All for Just 12$! (100% 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.

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shop...

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shops with WooCommerce Integration, Portfolios, Startups, & Business Sites PLUS All Future Releases, Theme Updates, & Support. Only $29! (71% Off!)