Post thumbnail: 15 CSS Business Cards

15 CSS Business Cards

Collection of free HTML and CSS business card code examples.

Related Articles

  1. CSS Cards
  2. CSS Flip Cards
  3. CSS Material Design Cards
  4. CSS Credit Cards

Demo image: Business Card

Author

  • wheatley

Links

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

Links

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

Links

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

Links

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

Links

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

Links

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

Links

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

Links

Made with

  • HTML / CSS

About the code

Inspiration Business Card

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

Responsive: no

Dependencies: -

Author

  • Gigi

Links

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

Links

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

Links

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

Links

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

Links

Made with

  • HTML / CSS (SCSS)

About the code

Business Card

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

Responsive: yes

Dependencies: -

Author

  • jasper

Links

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

Links

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