deals

premiumdeals & css modal (31 items)

List modal windows and pop ups made ​​in pure CSS.

freebies

Butter Cake is a modular CSS framework based on flexbox. It gives developers the flexibility to create components done easily without writing too m...

Butter Cake is a modular CSS framework based on flexbox. It gives developers the flexibility to create components done easily without writing too many lines of CSS. It includes over 100 helper Classes, elements designed with the "mobile first" principle, and featuring a fully modular and responsive overall experience. Developed by GitHub user Himas Rafeek, licensed under the MIT license.

A beautiful, responsive, customisable, accessible (WAI-ARIA) replacement for JavaScript's Popup boxes with zero dependencies, SweetAlert2 automatic...

A beautiful, responsive, customisable, accessible (WAI-ARIA) replacement for JavaScript's Popup boxes with zero dependencies, SweetAlert2 automatically centers itself on the page and looks great no matter if you're using a desktop computer, mobile or tablet. It's even highly customisable, as you can see below!

Fully responsive and animated settings modal crafted with pure CSS. Features 4 neat transition animations from one options category to another, and...

Fully responsive and animated settings modal crafted with pure CSS. Features 4 neat transition animations from one options category to another, and screens for Profile, Privacy, Advanced Options, and Account options. Created by Codepen user Gabrielle Wee. No javascript was hurt in the creation of this snippet.

500 Unique Vector Mandala Designs, Only $14: Ai & EPS File Formats, Great For Print Designs. Commercial Use License

500 Unique Vector Mandala Designs, Only $14: Ai & EPS File Formats, Great For Print Designs. Commercial Use License

A cool and stylish pure CSS modal. It is really tiny, making it perfect for little notifications, tips and guided web visits. The preprocessors use...

A cool and stylish pure CSS modal. It is really tiny, making it perfect for little notifications, tips and guided web visits. The preprocessors used were Jade for HTML and Stylus for CSS.

A beautiful modal with Material style and transitions. It was made using pure CSS, making it incredibly easy to modify the colors, the animations a...

A beautiful modal with Material style and transitions. It was made using pure CSS, making it incredibly easy to modify the colors, the animations and even the layout.

A complete CSS and JavaScript CSS modal and Vcard perfect to display personal and contact information on any website. The modal appears once you cl...

A complete CSS and JavaScript CSS modal and Vcard perfect to display personal and contact information on any website. The modal appears once you click on the Tumbler "T" although it can be modified to appear on any event you like.

2500+ Graphic Design Elements, Logos, & Illustrations Bundle, Ai, PSD & EPS Vectors, Commercial Use

2500+ Graphic Design Elements, Logos, & Illustrations Bundle, Ai, PSD & EPS Vectors, Commercial Use

A simple modal made in pure CSS. It does a great job in optimizing code to avoid slow page load. This snippet can be used in both personal and comm...

A simple modal made in pure CSS. It does a great job in optimizing code to avoid slow page load. This snippet can be used in both personal and commercial projects.

A modal made in CSS and HTML only with a minimal style and basic layout. The modal uses some transitions to make it appealing and its code is easy ...

A modal made in CSS and HTML only with a minimal style and basic layout. The modal uses some transitions to make it appealing and its code is easy to integrate with the rest of your site.

Featuring a nice and fluid animation, this blurring effect is perfectly crafted as it can be used on any modal to add excellent visuals on buttons.

Featuring a nice and fluid animation, this blurring effect is perfectly crafted as it can be used on any modal to add excellent visuals on buttons.

6000+ Flat Icons Pack, Only $24: Vector Ai, SVG & EPS, 38 Content Categories

6000+ Flat Icons Pack, Only $24: Vector Ai, SVG & EPS, 38 Content Categories

Built with Stylus and JavaScript, this set of Modals features a smooth zooming animation in which we can incorporate text or images, these modals a...

Built with Stylus and JavaScript, this set of Modals features a smooth zooming animation in which we can incorporate text or images, these modals are fully responsive as well.

Another simple modal made with CSS intended for long texts. It can be used for blog posts and other types of web content which do not deserve a ful...

Another simple modal made with CSS intended for long texts. It can be used for blog posts and other types of web content which do not deserve a full page. The code is simple and easy to integrate on your projects.

A pure CSS modal that's also responsive. The modal opens thanks to the id in the :target withing the HTML and closes just by clicking outside. It i...

A pure CSS modal that's also responsive. The modal opens thanks to the id in the :target withing the HTML and closes just by clicking outside. It is lightweight and it can be adapted to contain images, texts, animations and more.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

An animated made created exclusively with the help of CSS and JavaScript. It consists of a simple button and a modal coming down once pressed. It w...

An animated made created exclusively with the help of CSS and JavaScript. It consists of a simple button and a modal coming down once pressed. It was created by Nikki Strmsnes.

A dead simple CSS modal that allows you place a login anywhere you want on your website. It's really easy to integrate and it uses little chunks of...

A dead simple CSS modal that allows you place a login anywhere you want on your website. It's really easy to integrate and it uses little chunks of CSS and JS, without taking any more time to load than necessary.

A collection of friendly looking animated modals which feature nice animated icons and transitions. Some of the modal types are alert, delete confi...

A collection of friendly looking animated modals which feature nice animated icons and transitions. Some of the modal types are alert, delete confirmation, auto-close message and success message. It was created by Tristan Edwards under an MIT license.

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and Mor...

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and More, Into Knitting Patterns! Only 9$ (70% OFF)

A flat payment modal made by Andy Tranin which can be customized, debugged, forked, downloaded as zip, shared in social networks and embedded online.

A flat payment modal made by Andy Tranin which can be customized, debugged, forked, downloaded as zip, shared in social networks and embedded online.

A responsive, lightweight, fast and fully customizable modal window plugin made in CSS and JavaScript. It is compatible with all modern browsers li...

A responsive, lightweight, fast and fully customizable modal window plugin made in CSS and JavaScript. It is compatible with all modern browsers like IE8+, and also, jQuery, jQuery2, and Zepto support. Be sure to download the latest release.

A cool animation modal made in CSS and JavaScript. It consists of a menu, and a big area for text including an icon, title and a chunk of text. The...

A cool animation modal made in CSS and JavaScript. It consists of a menu, and a big area for text including an icon, title and a chunk of text. The modal is minimal and it animates when clicked. You can alter the code to fit your website or use it as is.

68 Fonts Bundle, 9+ Design Styles, Several Weights with Variations and Swashes, Extended License, only 7$! (98% Off)

68 Fonts Bundle, 9+ Design Styles, Several Weights with Variations and Swashes, Extended License, only 7$! (98% Off)

A nice modal system intended for mobile apps. It includes several options to display information, ask questions or request feedback from the user. ...

A nice modal system intended for mobile apps. It includes several options to display information, ask questions or request feedback from the user. Modals can be chained, so you can easily build a setup assistant or show messages in a predefined order. Invalid input can be highlighted and handled and more. It works in major browsers.

A set of three modals made with CSS (Stylus) and JavaScript, in a material fashion. The modals are responsive, and they can be used in any project ...

A set of three modals made with CSS (Stylus) and JavaScript, in a material fashion. The modals are responsive, and they can be used in any project freely. The modals can include only text, text and images, links and more. They were put together by Codepen user Ettrics.

A simple button animation made in CSS and JavaScript with a Material style. The first thing you'll see is a simple button with a plus sign that, wh...

A simple button animation made in CSS and JavaScript with a Material style. The first thing you'll see is a simple button with a plus sign that, when clicked, displays the modal with cool animations. This code snippet is free to use and modify, and it was created by XavaSoft.

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

A fascinating box made with CSS and JavaScript for a confirmation dialog. It is beautifully styled, made of three parts: one on top with a simple l...

A fascinating box made with CSS and JavaScript for a confirmation dialog. It is beautifully styled, made of three parts: one on top with a simple label for status messages, the one in the middle with the confirmation message and a little description, and the last part with the yes and no buttons that move as flaps. This box was created by Codepen user Alex.

A simple set of modals made in CSS for notifications or alerts. These include the regular success, warning and error messages, along with icons for...

A simple set of modals made in CSS for notifications or alerts. These include the regular success, warning and error messages, along with icons for easy understanding. The modals also include descriptive text and action buttons.

A modal that provides a layer of depth by using blurred backgrounds made with CSS3 and JavaScript. When you activate the modal, it highlights it, u...

A modal that provides a layer of depth by using blurred backgrounds made with CSS3 and JavaScript. When you activate the modal, it highlights it, using a slide effect and blurs. It was created by Hakim El Hattab and it's licensed under the MIT.

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairst...

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairstyles, And Much More! Endless Combinations, Only $19! (34% Off)

A morphing modal made with CSS and some jQuery based on the Material Design guidelines. It is a simple snippet that shows a shadow when hovered ove...

A morphing modal made with CSS and some jQuery based on the Material Design guidelines. It is a simple snippet that shows a shadow when hovered over, and when clicked, it changes the color of the background and shows the buttons for "OK" and "Cancel". It is a code snippet created by Mattia Astorino.

A nicely crafted CSS modal that features a cool ribbon as an [X] close button that stretches a nit as you hover over it.

A nicely crafted CSS modal that features a cool ribbon as an [X] close button that stretches a nit as you hover over it.

A set of effects for modals created with CSS. They animate thanks to CSS transforms and animations that are supported by several modern browsers, a...

A set of effects for modals created with CSS. They animate thanks to CSS transforms and animations that are supported by several modern browsers, and some effects use SVG animations of morphing paths with the help of Snap.svg. The resource is free and it comes with an article explaining the process.

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)

There are some ideas for modal window effects. There are infinite possibilities for transitioning the appearanc...

There are some ideas for modal window effects. There are infinite possibilities for transitioning the appearance of a dialog box and these examples give some ideas of how to show dialog boxes and provide some inspiration. The idea is to have a trigger button (or any element) which will make a modal window appear on click using a simple transition (or animation). There are some known issues with using visibility and opacity for iOS.

This tutorial created by Mary Lou wants to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that a...

This tutorial created by Mary Lou wants to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respective large image is shown. Using CSS transitions and animations, the large image can appear in a fancy way.

This is a CSS Modal is built out of pure CSS, with JavaScript only for a few tweaks; it is optimized for mobile, and you can use it as a Sass plugi...

This is a CSS Modal is built out of pure CSS, with JavaScript only for a few tweaks; it is optimized for mobile, and you can use it as a Sass plugin, applying it to your custom classes, and making them perfectly accessible. It is also cross-browser, media-adaptive, small and fast.

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Let...

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Letterheards, Brochures, CV/Resume Templates, INDD, PSD, Ai, EPS File Formats. Get this Bundle Now For Just $29!

This is a magnific pop-up example that adds Dailymotion support. It allows you to embed any video from Dailymotion and display it on a modal window...

This is a magnific pop-up example that adds Dailymotion support. It allows you to embed any video from Dailymotion and display it on a modal window, very useful for explanatory videos about a product, which do not let the user leave the page where they are, or don't leave at all (if the website has a one page layout).