deals

premiumdeals & css cards (30 items)

Collection of CSS Cards to use as templates or inspiration for vCards and profile cards in web interfaces and even CV/Resumes. These cards feature a variety of CSS effects and animations like parallax, flips, hovers, shadows, transitions, sliding, etc.

freebies

A 3D bar chart card showing weekly step counts when On-click. It is structured with HTML, styled and animated with CSS complied through SCSS, and t...

A 3D bar chart card showing weekly step counts when On-click. It is structured with HTML, styled and animated with CSS complied through SCSS, and the On-click action is created via TypeScript. Designed by CodePen user Steve Gardner.

This is an exploding card effect achieved by using Disintegrate.js library. In the example, when a card is discarded, a rough particle animation is...

This is an exploding card effect achieved by using Disintegrate.js library. In the example, when a card is discarded, a rough particle animation is showcased while in the process of elimination and that effect is achieved using only the defaults attributes of the library. Created by CodePen user Zach Saucier.

This is a card slider for news and blog pages created with swiper.js. It is responsive and has fluid animations when the mouse hovers a card or whe...

This is a card slider for news and blog pages created with swiper.js. It is responsive and has fluid animations when the mouse hovers a card or when the slide changes. It is structured with HTML, styled with SCSS and all the interactions are set up by using Swiper.js and jQuery. Created by CodePen user Muhammed Erdem.

80k HD Stock Photos Collection, Only $29.99! 750+ Niches & Categories, Lifetime Commercial License & New Content 100% Royalty Free.

80k HD Stock Photos Collection, Only $29.99! 750+ Niches & Categories, Lifetime Commercial License & New Content 100% Royalty Free.

This is a responsive slider for featured blog posts that can also be used for other things like card sliders and gallery sections. It is built with...

This is a responsive slider for featured blog posts that can also be used for other things like card sliders and gallery sections. It is built with Swiper slider which is a JavaScript library for slider creation, styled using CSS and structured with simple HTML. Created by CodePen user Muhammed Erdem.

This is a beautiful set of bird stamps created with pure CSS by using simple shapes like ovals, skewed rectangles with box-shadows and linear gradi...

This is a beautiful set of bird stamps created with pure CSS by using simple shapes like ovals, skewed rectangles with box-shadows and linear gradients. Created by CodePen user Siddharth Hubli who took inspiration from the artwork of Behance user Mike.

A set of card elements that flip with a 3D effect when you hover over them. The cards are conveniently structured with PUG and the 3D flip effect i...

A set of card elements that flip with a 3D effect when you hover over them. The cards are conveniently structured with PUG and the 3D flip effect is achieved through CSS compiled with SASS. Created by CodePen user Charles Ojukwu.

Lifetime Access, Online Infographics Maker & Editor, Includes 512 Infographic Templates and Over 1 Million Illustrations & Images, Get This Now For...

Lifetime Access, Online Infographics Maker & Editor, Includes 512 Infographic Templates and Over 1 Million Illustrations & Images, Get This Now For A $49 One-Time Payment!

4 tariff cards in an isometrical view with a flip animation effect. The cards use stylus CSS with material colors, shades and a slightly satin touc...

4 tariff cards in an isometrical view with a flip animation effect. The cards use stylus CSS with material colors, shades and a slightly satin touch that gives them a feeling of deepness and spatial location, perfectly encompassed with the smooth motion generated when on-hover. Created by CodePen user Andreas Storm.

An event card list built with Vue cards made to display upcoming or past events to users. The users can filter between important, upcoming, and pas...

An event card list built with Vue cards made to display upcoming or past events to users. The users can filter between important, upcoming, and past events. Above the filter is a search bar that can filter the list using a clientside fuzzy search algorithm. Created by CodePen user Noah.

A set of UI cards made mainly with CSS with a highly interactive 3D effect. The cards have a VR inspired layout and are direction aware when on hov...

A set of UI cards made mainly with CSS with a highly interactive 3D effect. The cards have a VR inspired layout and are direction aware when on hover. Created by CodePen user Piotr Galor.

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web P...

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web Projects.

A Card UI design made completely in CSS. It has a flat color style with shapes and buttons that go over the card borders. When toggling between opt...

A Card UI design made completely in CSS. It has a flat color style with shapes and buttons that go over the card borders. When toggling between options it showcases a transition with an awesome "blob" feeling. Created by Codepen User Adam Kuhn.

This is a small User Card UI template designed following Google's material design color schemes and general aesthetics. Th...

This is a small User Card UI template designed following Google's material design color schemes and general aesthetics. The snippet includes 19 user cards in a bootstrap grid featuring neat menu animations and font awesome social icons. Created by Codepen user David Foliti.

An image card flip effect by Codepen user Aron, it features both vertical and horizontal effects. A great resource to add to website/app galleries,...

An image card flip effect by Codepen user Aron, it features both vertical and horizontal effects. A great resource to add to website/app galleries, this snippet was created purely in CSS! 

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

Created by Codepen user Tyrell Rummage, this CSS and HTML snippet makes awesome looking Parallax Cards which flip from right to left when you hover...

Created by Codepen user Tyrell Rummage, this CSS and HTML snippet makes awesome looking Parallax Cards which flip from right to left when you hover the mouse pointer over them.

A sleek and clean CSS card hover effect pack, really nice to use in your content cards.

A sleek and clean CSS card hover effect pack, really nice to use in your content cards.

A beautifully crafted profile box developed and animated in pure CSS placed on top of a JavaScript animated particles background.

A beautifully crafted profile box developed and animated in pure CSS placed on top of a JavaScript animated particles background.

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

A simple and sober square profile card with a smooth hovering effect showcasing a background zoom in, round main picture and social icons.

A simple and sober square profile card with a smooth hovering effect showcasing a background zoom in, round main picture and social icons.

An amazing pure CSS animated vCard design nicely crafted in flat style featuring an avatar riding an animated scooter towards you inside a name & p...

An amazing pure CSS animated vCard design nicely crafted in flat style featuring an avatar riding an animated scooter towards you inside a name & profession ribbon featured card. As you hover over the card it expands vertically to show you social icons, and hovering over the avatar gives you a first person description of the profile owner.

A cool concept of profile card layout nicely crafted under the guidelines of Material Design that shows you mainly posts or works of the person own...

A cool concept of profile card layout nicely crafted under the guidelines of Material Design that shows you mainly posts or works of the person owner of the profile, and as you click on the profile picture (round sticker) it expands to provide further information.

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

A nice profile card design that features a skewed space for the profile picture that leans a bit towards the name and information section which lif...

A nice profile card design that features a skewed space for the profile picture that leans a bit towards the name and information section which lifts up a bit to show address, email, and phone icons as you hover over it.

A nicely crafted profile vCard that firstly consists of a square box that holds a circle frame for the profile picture and the name, a skill bar an...

A nicely crafted profile vCard that firstly consists of a square box that holds a circle frame for the profile picture and the name, a skill bar and social icons box slides out from behind the original box as you hover over it.

A nicely crafted profile vCard that features a circle frame for the profile photo as it expels radial fading white waves which call for your attent...

A nicely crafted profile vCard that features a circle frame for the profile photo as it expels radial fading white waves which call for your attention.

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 profile badge made with CSS and a material design. It consists of a box with a profile picture and notifications on the top right. Right b...

A simple profile badge made with CSS and a material design. It consists of a box with a profile picture and notifications on the top right. Right below, there’s the name and a little description, and at the bottom some social icons. When you click the menu you’ll see the amount of shares / likes that your profile has.

A fairly simple approach here with a stripped-down profile preview. It contains the always-needed avatar on top...

A fairly simple approach here with a stripped-down profile preview. It contains the always-needed avatar on top along with a couple quick facts about the user and the also essential "follow" button. This brief design was brought to life by CodePen user Cole Townsend.

A neatly organized interface to preview Twitter profiles. It manages to provide all of the basic information in a small space, including both cover...

A neatly organized interface to preview Twitter profiles. It manages to provide all of the basic information in a small space, including both cover and profile pictures, number of tweets, followers and even the bio when hovering on the large cover photo. Created by Marcelo Aguila and hosted in CodePen.

80 Bootstrap 4 Website Blueprints, Only $14! Native Bootstrap 4 Code, Clean HTML, Extended Commercial License

80 Bootstrap 4 Website Blueprints, Only $14! Native Bootstrap 4 Code, Clean HTML, Extended Commercial License

The title says it all with this one. Yet another box for checking a Twitter profile. The cool part about this one, though, is the option to compose...

The title says it all with this one. Yet another box for checking a Twitter profile. The cool part about this one, though, is the option to compose and send new Tweets straight from the widget. The tool also fetches the avatar and follower figures from the @user in particular.

A really cool concept based on a previous work by Niklas Mathiesen on Dribbble. This "ID card" displays the lev...

A really cool concept based on a previous work by Niklas Mathiesen on Dribbble. This "ID card" displays the level of knowledge in certain areas, along with the name and position. It keeps a bit of fun on the table with a hover effect that transforms the profile picture into a confusing negative.

This concept of a profile card comes with an attractive set of animations for both the avatar and the social in...

This concept of a profile card comes with an attractive set of animations for both the avatar and the social info buttons located at the bottom of the design. Everything is based on a (very healthy) set of Dribbble shots originally created by Mike from Creative Mints.

270+ Mockups Bundle, Only $19: 4k Resolution Files, 300 DPI. PSD Files With Smart Objects, Neat Minimalistic Styles

270+ Mockups Bundle, Only $19: 4k Resolution Files, 300 DPI. PSD Files With Smart Objects, Neat Minimalistic Styles

A simple design for a widget that can be used to display brief information to the reader. In this case, it is used to link the visitor to a person'...

A simple design for a widget that can be used to display brief information to the reader. In this case, it is used to link the visitor to a person's social networking profiles. This can be a great way to lead potential followers into discovering more content and generating interactivity.

As the name suggests, this basic piece of code contains a small widget that, in this case, displays a brief amount of personal information intended...

As the name suggests, this basic piece of code contains a small widget that, in this case, displays a brief amount of personal information intended to provide a means of introduction to a professional offering a service, with a big button allowing you to be followed on CodePen.

This is a simple, yet effective way to share yourself to the world through social media. Following a picture and a very brief "bio" section, visito...

This is a simple, yet effective way to share yourself to the world through social media. Following a picture and a very brief "bio" section, visitors will be able to access all social profiles you have decided to share with them. Created by CodePen user pantsable.

1050+ Isolated Food Items + Premade Scenes Bundle Only $15! (95 % Discount) Usually valued $306 USD

1050+ Isolated Food Items + Premade Scenes Bundle Only $15! (95 % Discount) Usually valued $306 USD