Collection of free HTML and CSS business card code examples.

15 CSS Business Cards

Collection of free HTML and CSS business card code examples.

Related Articles

  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

Author

  • wheatley

Made with

  • HTML / CSS (SCSS)

About the code

Business Card

Business card in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Laura Pinto

Made with

  • HTML / CSS (SCSS)

About the code

Animated Business Card

Pure CSS animated business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Sabine Robart

Made with

  • HTML / CSS (SCSS)

About the code

Fipping Business Card

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Akshay

Made with

  • HTML (Pug) / CSS (Sass)

About the code

Business Card

Business card in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Thomas Hanson

Made with

  • HTML / CSS

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Material Business Card

Author

  • Siddharth Hubli

Made with

  • HTML / CSS

About the code

Material Business Card

CSS material business card

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Geometric Business Card with CSS Grid

Author

  • Liz Wendling

Made with

  • HTML / CSS (Less)

About the code

Geometric Business Card with CSS Grid

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

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Inspiration Business Card

Author

  • Dannie Vinther

Made with

  • HTML / CSS

About the code

Inspiration Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Gigi

Made with

  • HTML (Pug) / CSS (Sass)

About the code

Business Card

Pure CSS animated business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Elena Nazarova

Made with

  • HTML / CSS

About the code

3D Flip Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Lubos

Made with

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

About the code

Business Card

Flipping business card in HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Peter Girnus

Made with

  • HTML / CSS (SCSS)

About the code

Flippable Digital Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Zach Saucier

Made with

  • HTML / CSS (SCSS)

About the code

Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • jasper

Made with

  • HTML / CSS / JavaScript

About the code

CSS Business Card

This example is sketch for a digital business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Eduard Kosicky

Made with

  • HTML / CSS (SCSS)

About the code

Business Card Concept

Business card concept in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: ionicons.css

back to top