A lightweight emoji picker for web applications, allowing users to easily select and insert emojis.
-
Include the required CSS and JavaScript files in your HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="emoji-picker.css"> <title>Emoji Picker Demo</title> </head> <body> <div class="emoji-picker-container"> <input type="text" id="emoji-input" placeholder="Click to pick an emoji"> <div class="emoji-picker"> <!-- Emoji icons will be dynamically added here --> </div> </div> <script src="emoji-picker.js"></script> </body> </html>
Customize the emoji list or categories in the emoji-picker.js file.
Run your HTML file in a web browser.
Click on the input field to open the emoji picker and select an emoji.
You can customize the emoji list, add more categories, or modify the styles in the CSS file to fit your application's design.
Name: Tisankan
Email: info.tisankan@gmail.com
GitHub: https://github.com/Tisankan
Contributions are welcome and appreciated. If you have any suggestions or improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.