Digital Business Card - Web Component Generator


Welcome to the Digital Business Card Generator!

This interactive tool allows you to effortlessly create a customizable digital business card that you can embed directly into your website or web application.

Powered by modern web standards, the digital business card is a self-contained web component, which means it encapsulates all the HTML, CSS, and JavaScript needed to render it, making it incredibly easy to use and share.

What is a Digital Business Card?

A digital business card is a modern, interactive, and customizable alternative to the traditional paper business card. It is a self-contained web component that can be embedded directly into your website or web application. It features dynamic linking to web, phone, email, and address links. Also generates a QR code which, when scanned with a mobile phone or clicked on a supporting device, will allow quick saving of your contact information via vCard.

Why use a Digital Business Card?

Digital business cards are a great way to share your contact information with others. They are also a great way to showcase your skills and experience, and to promote your personal brand.

How do I use a Digital Business Card?

Digital business cards are easy to use. Simply copy and paste the code snippet into your website or web application, and you're done!

What does this generator do?

This generator allows you to quickly customize this Web Component with your information. It will encode your logo in base64 for portability.

How can I customize further? Is this open-source?

Yes! This web component is open-source and available on GitHub. You can fork the project and customize it to your heart's content. If you make any improvements, please consider submitting a pull request!

How do I get started?

To get started, simply fill out the form below. As you type, the previews below are updated. Once you are happy, you can copy the snippet to your clipboard or save as a zip file.

While you're here

If you like this project, please consider checking out my blog.


No data stored or transmitted. This form is used locally to update the previews and export buttons below. Privacy Policy

Previews