🪨

Business Card Designer

Professional business card designer with templates, image upload, QR codes, front/back editing, and print-ready export.

Productivity v1.0.0 7 uses
50%
1050 x 600

Properties

Elements

Colors

Card BG Fill
Color Themes

Text

Images & Icons

📷 Drop image or click to upload
Icon Library

Templates

Corporate Blue
Modern Minimal
Creative Bold
Elegant Dark
Tech Startup
Classic Professional
Artistic
Photographer

✚ New Business Card

⬇ Export Business Card

📷
PNG (1x)
Standard resolution, current side
📈
PNG (2x)
Double resolution, current side
🌟
PNG (4x - Print Quality)
~300 DPI equivalent, current side
📄
Both Sides (2x)
Download front and back as separate PNGs
🖨
Print Sheet with Crop Marks
Multiple cards on a sheet for cutting

▩ Add QR Code

About This App

A powerful, browser-based business card designer built entirely with HTML5 Canvas. Create stunning, professional business cards with a full suite of design tools. Choose from 8 professionally designed templates covering corporate, creative, minimal, and artistic styles, or start from scratch with a blank canvas. Add and style text with 14 premium fonts, adjustable sizing from 8pt to 72pt, weight, alignment, letter spacing, and text transforms. Upload your own images or choose from a built-in library of 20+ business icons including phone, email, website, social media, and more. Generate QR codes for URLs, email addresses, phone numbers, or custom text directly on your card. Design both front and back sides with independent layouts and backgrounds. Work with multiple card sizes including US Standard (3.5 x 2 in), European (85 x 55 mm), Square (2.5 x 2.5 in), and Mini (3.5 x 1 in). Align elements precisely with smart snapping guides. Customize colors with 8 curated professional palettes and 24 preset colors. Full undo/redo history with up to 100 steps. Auto-save to browser storage so you never lose work. Export as high-resolution PNG at up to 4x scale for print-quality output, export both sides simultaneously, or generate print-ready sheets with crop marks for Letter or A4 paper. Save and load project files to continue editing later. Runs entirely in your browser — your designs never leave your device.

How to Use

  1. 1 Choose a card size from the presets (Standard US, EU, Square, Mini) or use the default 3.5 x 2 inch size
  2. 2 Select a template from the Templates panel to get started quickly, or design from scratch
  3. 3 Use the toolbar on the left to select tools: Select (V), Move (M), Text (T), Image (I), Shape (S), Line (L), or QR Code (Q)
  4. 4 Click on the canvas to place elements — text, images, shapes, icons, or QR codes
  5. 5 Edit element properties in the right sidebar: position, size, rotation, colors, fonts, and more
  6. 6 Switch between Front and Back tabs to design both sides of your card
  7. 7 Upload your own images via drag-and-drop or choose from the built-in icon library
  8. 8 Use Ctrl+Z / Ctrl+Y to undo and redo changes
  9. 9 Save your project as a .bcproject file to continue editing later
  10. 10 Export as high-res PNG (1x, 2x, or 4x), export both sides, or generate a print-ready sheet with crop marks
ESC