TW
twlite/valentines
A fun, interactive Valentine's Day app to ask that special someone to be your Valentine! Create a personalized link and send it to your crush or partner for a delightful surprise.
Will You Be My Valentine? ๐
A fun, interactive Valentine's Day app to ask that special someone to be your Valentine! Create a personalized link and send it to your crush or partner for a delightful surprise.
Live Demo
Features
- Personalized Links - Enter your crush's name to generate a unique shareable URL
- Interactive Question - Beautiful animated "Will you be my Valentine?" prompt
- Playful No Button - The "No" button runs away and shrinks when clicked!
- Chaos Mode - Click "No" too many times and watch the chaos unfold ๐
- 30+ Unique Messages - Random encouraging messages that never repeat consecutively
- Dynamic Button Text - Button text changes based on how many times "No" is clicked
- Celebration Screen - A lovely celebration when they say "Yes!"
- Floating Hearts - Animated hearts floating in the background
- Fully Responsive - Works beautifully on mobile and desktop
How It Works
- You: Visit the app, enter your partner's/crush's name, and copy the generated link
- Send: Share the link with them via text, email, or any messenger
- They: Open the link and see a personalized Valentine's question
- Magic: Watch them try to click "No" (spoiler: it's impossible!) ๐
Tech Stack
- React - UI library
- TypeScript - Type safety
- Vite - Build tool
- Tailwind CSS - Styling
- shadcn/ui - UI components
- Framer Motion - Animations
- nuqs - URL query state management
- Phosphor Icons - Icons
Getting Started
# Install dependencies
bun install
# Start development server
bun dev
# Build for production
bun run buildLicense
MIT
On this page
Languages
TypeScript81.2%CSS13.0%HTML4.2%JavaScript1.7%
Contributors
Created February 4, 2026
Updated February 4, 2026