UNPKG

react-modern-password-generator

Version:

Modern password generator React component

55 lines (42 loc) 1.93 kB
# 🔐 React Modern Password Generator A sleek, customizable React password generator with real-time strength indicators and modern UI. [![npm version](https://img.shields.io/npm/v/react-modern-password-generator.svg)](https://www.npmjs.com/package/react-modern-password-generator) [![downloads](https://img.shields.io/npm/dm/react-modern-password-generator.svg)](https://www.npmjs.com/package/react-modern-password-generator) [![license](https://img.shields.io/npm/l/react-modern-password-generator.svg)](https://github.com/yourusername/react-modern-password-generator/blob/main/LICENSE) [🚀 Live Demo](https://password-generator-iota-blond.vercel.app/) | [📦 NPM Package](https://www.npmjs.com/package/react-modern-password-generator) ![Password Generator Demo](demo.gif) ## ✨ Features - 🔄 Real-time password generation - 📏 Adjustable length (6-32 characters) - 🎯 Multiple character sets (a-z, A-Z, 0-9, @#$) - 💪 Password strength indicator - 📋 One-click copy to clipboard - 🎨 Modern, responsive UI - 🌓 Light/Dark theme support ## 🚀 Quick Start ```jsx // Installation npm install react-modern-password-generator // Usage import PasswordGenerator from 'react-modern-password-generator'; function App() { return <PasswordGenerator theme="light" defaultLength={12} />; } // Available Props | Prop | Type | Default | Description | |------|------|---------|-------------| | minLength | number | 6 | Minimum password length | | maxLength | number | 32 | Maximum password length | | defaultLength | number | 12 | Initial password length | | theme | string | 'light' | UI theme ('light'/'dark') | // Dependencies - React >=16.8.0 - TailwindCSS >=3.0.0 - Lucide React >=0.0.1 // Development npm install npm run build // Contributing Contributions are welcome! Please feel free to submit a Pull Request. // License MIT © [Sabbir Ahmed]