A cute and incredibly easy-to-use companion web app to generate custom, interactive Valentine's Day proposal links! Just type the name of your special someone, hit generate, and share the magic instantly. No coding skills required to spread the love!
This project is the official Link Generator for the Be my valentine project. While the main project provides the interactive "proposal" experience, this tool allows anyone (even those with zero coding experience) to safely generate a custom URL injected with their loved one's name.
- Bulletproof URL Encoding: Uses native JavaScript
encodeURIComponent()to ensure spaces, emojis, and line breaks are safely translated. Your link will never break! - Native Mobile Sharing: Integrates the powerful
navigator.shareAPI. On mobile devices, clicking the share button opens the native OS sharing menu (WhatsApp, Telegram, iMessage, etc.) instantly. - One-Click Clipboard Copy: Generates the link and automatically copies it to your clipboard with a smooth, user-friendly visual feedback.
- Consistent Aesthetic: Features the same dreamy, interactive cloud-painting background canvas and cute GIFs as the main Valentine project.
- Infinite Text Area: A sleek, rounded text area that prevents layout-breaking resizing but allows vertical scrolling for endless messages.
- Type a Name: The user enters a name (or a short message) into the cute text area.
- Generate/Share: The JavaScript captures the input, sanitizes it for the web, and appends it to the base URL of the main project (using the
?name=parameter). - Delivery: The user copies the link or shares it directly via native apps. When the recipient opens it, the main project parses the URL and welcomes them by name!
- User Experience: Manually typing URL parameters (like converting spaces to
%20) is confusing for non-technical users. This abstracts the complexity away. - Virality & Growth: By providing an easy-to-use tool, users are encouraged to create and share their own versions, drastically increasing the reach of the original open-source project.
- Monetization & Open Source Support: The hosted version of this tool can include ads or banners, supporting the developer's open-source efforts while keeping the core GitHub repository clean and free for forks!
Just visit the Live Demo, type a name, and share!
To run this tool locally:
- Clone this repository or download the source code ZIP.
- Double-click
generator.htmlto open it in your browser. - Note: If you are hosting the main project on a different URL, remember to update the
baseUrlvariable inside the JavaScript!

