deals

premiumpacks & css cards (31 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 responsive and colorful Profile Card concept. The card has a nice material design with some gradients textures on background and buttons. It is s...

A responsive and colorful Profile Card concept. The card has a nice material design with some gradients textures on background and buttons. It is structured with HTML, styled with Sass CSS and makes use of JavaScript for controlling the actions on buttons. Created by CodePen user Muhammed Erdem.

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.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

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.

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.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

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.

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.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

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.

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.

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)

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! 

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.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

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.

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.

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

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

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!)

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.

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 along with a couple quick facts abo...

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.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

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.

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

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.

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.

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

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.

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.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

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.