Collection of free HTML and CSS business card code examples.

  1. CSS Cards
  2. CSS Blog Cards
  3. CSS Card Hover Effects
  4. CSS Card Layouts
  5. CSS Flip Cards
  6. CSS Material Design Cards
  7. CSS Movie Cards
  8. CSS Profile Cards
  9. CSS Recipe Cards
  10. CSS Credit Cards
Demo image: Business Card

Creator

  • wheatley

Programming language

  • HTML / CSS (SCSS)

Information the code

Business Card

Business card in HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Creator

  • Laura Pinto

Programming language

  • HTML / CSS (SCSS)

Information the code

Animated Business Card

Pure CSS animated business card.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Creator

  • Sabine Robart

Programming language

  • HTML / CSS (SCSS)

Information the code

Fipping Business Card

Interactive card design with background-clip: text + background: linear-gradient animation.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Creator

  • Akshay

Programming language

  • HTML (Pug) / CSS (Sass)

Information the code

Business Card

Business card in HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Creator

  • Thomas Hanson

Programming language

  • HTML / CSS

Information the code

CSS Business Card

Quick business card design that I decided to print Patrick Bateman’s credentials on. 100% CSS3, with the :hover and :focus styles of the button element being used to allow for a smooth two-stage animation.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Demo image: Material Business Card

Creator

  • Siddharth Hubli

Programming language

  • HTML / CSS

Information the code

Material Business Card

CSS material business card

Browser Support: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies:

Demo image: Geometric Business Card with CSS Grid

Creator

  • Liz Wendling

Programming language

  • HTML / CSS (Less)

Information the code

Geometric Business Card with CSS Grid

Playing around with CSS Grid, Flexbox, clip-path, and radial-gradient.

Browser Support: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies:

Demo image: Inspiration Business Card

Creator

  • Dannie Vinther

Programming language

  • HTML / CSS

Information the code

Inspiration Business Card

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Creator

  • Gigi

Programming language

  • HTML (Pug) / CSS (Sass)

Information the code

Business Card

Pure CSS animated business card.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Creator

  • Elena Nazarova

Programming language

  • HTML / CSS

Information the code

3D Flip Business Card

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Creator

  • Lubos

Programming language

  • HTML (Haml) / CSS (SCSS) / JavaScript

Information the code

Business Card

Flipping business card in HTML, CSS and JavaScript.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Peter Girnus

Programming language

  • HTML / CSS (SCSS)

Information the code

Flippable Digital Business Card

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Creator

  • Zach Saucier

Programming language

  • HTML / CSS (SCSS)

Information the code

Business Card

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • jasper

Programming language

  • HTML / CSS / JavaScript

Information the code

CSS Business Card

This example is sketch for a digital business card.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Creator

  • Eduard Kosicky

Programming language

  • HTML / CSS (SCSS)

Information the code

Business Card Concept

Business card concept in HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: ionicons.css