Password Generator Chrome Extension

A simple and elegant Chrome extension for generating secure passwords with customizable options.

Features

• 🔐 Generate Secure Passwords - Create random passwords with a single click
• 📏 Custom Length - Set password length from 4 to 64 characters (default: 20)
• 🎯 Character Options:
  • Uppercase letters (A-Z)
  • Lowercase letters (a-z)
  • Numbers (0-9)
  • Symbols (!@#$%^&*...)
• 📋 Copy to Clipboard - One-click copy functionality
• 🎨 Beautiful UI - Modern gradient design with smooth interactions
• ⚡ Instant Generation - Auto-generates password on load

Installation

Manual Installation (Developer Mode)

1. Extract or clone this repository to your computer
2. Open Chrome and navigate to chrome://extensions/
3. Enable Developer mode (toggle in top right corner)
4. Click Load unpacked
5. Select the password-generator folder
6. The extension will appear in your Chrome toolbar!

Usage

1. Click the Password Generator icon in your Chrome toolbar
2. Adjust the password length if needed (default is 20 characters)
3. Select which character types to include:
   • ✓ Uppercase
   • ✓ Lowercase
   • ✓ Numbers
   • ✓ Symbols
4. Click Generate Password to create a new password
5. Click Copy to copy the password to your clipboard
6. A success message will confirm the copy action

File Structure

password-generator/
├── manifest.json       # Extension configuration
├── popup.html          # UI markup
├── popup.js            # Password generation logic
├── styles.css          # Styling
└── README.md           # This file

File Descriptions

• manifest.json - Extension metadata and permissions (Manifest V3)
• popup.html - HTML structure for the extension popup
• popup.js - JavaScript logic for password generation and clipboard handling
• styles.css - CSS styling with gradient theme

Technical Details

• Manifest Version: 3 (latest Chrome extension standard)
• Permissions: clipboardWrite (for copy functionality)
• Character Sets: Uppercase, lowercase, numbers, and special symbols
• Random Generation: Uses Math.random() for password generation

Customization

Change Default Password Length

Edit popup.js and modify the default value:

const length = parseInt(lengthInput.value) || 20; // Change 20 to desired default

Modify Character Sets

Edit popup.js and update the character set constants:

const UPPERCASE = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
const LOWERCASE = 'abcdefghijklmnopqrstuvwxyz';
const NUMBERS = '0123456789';
const SYMBOLS = '!@#$%^&*()_+-=[]{}|;:,.<>?';

Change Color Scheme

Edit styles.css and modify the gradient colors:

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Browser Support

• Chrome 88+
• Edge 88+ (Chromium-based)
• Brave
• Other Chromium-based browsers

Privacy & Security

• ✅ No data collection
• ✅ No external API calls
• ✅ All generation happens locally
• ✅ Passwords are not stored or logged
• ✅ Only requires clipboardWrite permission

Future Enhancements

Potential features for future versions:

• Password strength indicator
• Password history
• Custom character set input
• Exclude similar characters (I, l, 1, O, 0, etc.)
• Passphrase generation
• Dark mode toggle

License

This project is open source and available for personal and commercial use.

Contributing

Feel free to fork, modify, and improve this extension!

---