10 Awesome CSS Profile Cards

Looking for profile cards? Great! We have collected an awesome collection of profile cards which made with pure CSS and HTML.

Cards are everywhere on the web and it helps to share information easily, without confusing the users, UX designers love using cards for that reason. Here are 10 well-crafted CSS Profile Cards to share user profile information.

You may also like: 15 Awesome CSS Blog Cards

Profile Card UI

Profile Card UISource

Creative and modern profile card best for designers. With “Hire me” CTA and display design community followers as well.

Simple profile Card

Source

Simple profile card for Web Designers. For icons, it used SVG images instead of icon font.

Twitter Profile

Source

Twitter profile card with pure CSS and SVG icon.

90’s profile card

Source

Looking for a simple 90’s profile card? Then this one is the one for you.

Profile Card with Slanted Edge

Source

Modern profile card with social media links and option and message buttons on top. Displays profile status on the bottom.

Profile Card

Source

Minimalist Follow Card

Source

Simple profile card with minimal information.  BG image with profile image and name with a title with a big follow button.

CodePen profile card

Source

Material Design: Profile Card

Source

Responsive profile card with beautiful animations! Guess what? it’s pure CSS and not JS used for the animations. Pretty impressive.

Profile Card

Source

Retro style profile card with bordered image and profile details. Little use of javascript for the hover effects.

Profile card

Source

A simple card with profile status and follow and message buttons.