Collection of free HTML and CSS business card code examples

Browse a collection of free HTML and CSS business card code examples to create professional and interactive digital business cards for your website.

Flipping Business Card

Author:
Joshua Ward | April 2, 2019
Made with:
HTML (Pug) / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css
Business Card

Business Card

Author:
wheatley | January 23, 2019
Made with:
HTML / CSS (SCSS)

About a code

Business card in HTML and CSS.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

Animated Business Card

Author:
Laura Pinto | January 18, 2019
Made with:
HTML / CSS (SCSS)

About a code

Pure CSS animated business card.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

Fipping Business Card

Author:
Sabine Robart | October 31, 2018
Made with:
HTML / CSS (SCSS)

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css

Business Card

Author:
Akshay | October 11, 2018
Made with:
HTML (Pug) / CSS (Sass)

About a code

Business card in HTML and CSS.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

CSS Business Card

Author:
Thomas Hanson | September 10, 2018
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Material Business Card

Material Business Card

Author:
Siddharth Hubli | July 31, 2018
Made with:
HTML / CSS

About a code

CSS material business card

Compatible browsers:
Chrome, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Geometric Business Card with CSS Grid

Geometric Business Card with CSS Grid

Author:
Liz Wendling | March 25, 2018
Made with:
HTML / CSS (Less)

About a code

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

Compatible browsers:
Chrome, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Inspiration Business Card

Inspiration Business Card

Author:
Dannie Vinther | September 18, 2017
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

Business Card

Author:
Gigi | November 13, 2016
Made with:
HTML (Pug) / CSS (Sass)

About a code

Pure CSS animated business card.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

3D Flip Business Card

Author:
Elena Nazarova | August 22, 2016
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css

Business Card

Author:
Lubos | August 16, 2016
Made with:
HTML (Haml) / CSS (SCSS) / JavaScript

About a code

Flipping business card in HTML, CSS and JavaScript.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

Flippable Digital Business Card

Author:
Peter Girnus | October 27, 2015
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css

Business Card

Author:
Zach Saucier | April 11, 2015
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

CSS Business Card

Author:
jasper | September 4, 2014
Made with:
HTML / CSS / JavaScript

About a code

This example is sketch for a digital business card.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
jquery.js

Business Card Concept

Author:
Eduard Kosicky | July 28, 2014
Made with:
HTML / CSS (SCSS)

About a code

Business card concept in HTML and CSS.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
ionicons.css

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨