premiumdeals & css cards (24 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 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.

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.

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.

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! 

Massive 7k+ Icons Collection, Ai, Sketch, & EPS File Formats, Extended Commercial License, 4 Best Selling Bundles in 1 for Just $29!

Massive 7k+ Icons Collection, Ai, Sketch, & EPS File Formats, Extended Commercial License, 4 Best Selling Bundles in 1 for Just $29!

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.

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.

3300+ People Stock Photos w/ Transparent Backgrounds, Only $19! Over 90 Categories, High Resolution, Commercial Use License!

3300+ People Stock Photos w/ Transparent Backgrounds, Only $19! Over 90 Categories, High Resolution, Commercial Use License!

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.

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.

Lifetime Access to Visualmodo Wordpress Library, Only $39! Access Their Entire Theme Collection, Premium Plugins, All Future Releases & Updates!

Lifetime Access to Visualmodo Wordpress Library, Only $39! Access Their Entire Theme Collection, Premium Plugins, All Future Releases & Updates!

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.

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.

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.

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator...

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator. Only $14!

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 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.

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.

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 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.

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.

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, ...

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, limited-time offer.

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.

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.

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duoton...

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duotone, and More. Bonus Vector Icons & Elements!