A playful April Fools' Day web application that masquerades as an AI-powered anime filter but delivers a classic rickroll instead! Built with React, TypeScript, and TailwindCSS.
🌐 Live Demo: https://anime-vibe.vercel.app/
- Beautiful, modern UI with gradient backgrounds and glassmorphism effects
- Fake loading animation to build anticipation
- Responsive design that works on all devices
- Share functionality to spread the fun
- Example before/after images to make it look legitimate
- Easter egg: Rick Astley's "Never Gonna Give You Up" video
- React 18
- TypeScript
- Vite
- TailwindCSS
- Lucide React (for icons)
- Built with Bolt
- Customized using Cursor - The AI Code Editor
This project was created using Bolt.new with the following prompt:
lets create Free Anime Image Generator mobile first website for April fool
after uploading image,
show this after hsoing loader
Siike! You've been rickrolled! 🤪
show the video aftera autoplay https://ia801509.us.archive.org/10/items/Rick_Astley_Never_Gonna_Give_You_Up/Rick_Astley_Never_Gonna_Give_You_Up.mp4
Happy April Fools Day!
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:5173
To create a production build:
npm run buildThe app features:
- A beautiful gradient background
- A glassmorphic card design
- Animated loading states
- Interactive hover effects
- Example before/after images
- Share button with clipboard fallback
Feel free to submit issues and enhancement requests!
This project is open source and available under the MIT License.