The ultimate video downloader for creators, marketers, and enthusiasts.
Save content from 1000+ platforms including YouTube, Instagram, TikTok, Facebook & more.
- 🌍 Multi-Platform Support - Download from 1000+ websites
- ⚡ Lightning Fast - Powered by yt-dlp for blazing-fast downloads
- 🎨 Beautiful UI - Modern glassmorphism design with smooth animations
- 🔒 100% Free & Private - No registration, no tracking, no ads
- 📱 Responsive Design - Works perfectly on mobile and desktop
- 🎯 Multiple Formats - Choose from various quality options (HD, 4K, audio-only)
- 🎭 Animated Experience - Framer Motion powered smooth animations
- 🌈 Gradient Background - Beautiful animated gradient effects
- ✅ YouTube
- ✅ TikTok
- ✅ Twitter/X
- ✅ Vimeo
- ✅ And 1000+ more!
- Node.js 18+ installed
- npm or yarn package manager
- yt-dlp installed (
brew install yt-dlpon macOS) - ffmpeg installed (
brew install ffmpegon macOS)
-
Clone the repository
git clone https://github.com/aamirmursleen/yt-web-downloader.git cd yt-web-downloader -
Install dependencies
npm install
-
Run the development server
npm run dev
-
Open your browser Navigate to http://localhost:3000
- Framework: Next.js 16 with App Router
- UI Library: React 19
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- Language: TypeScript
- Downloader: yt-dlp
- Video Processing: FFmpeg
- Paste a video URL from any supported platform
- Click "Get Video Info" to analyze the video
- Choose your preferred quality from the dropdown
- Click "Download Now" to save the video
- Save to your device when ready
- Glassmorphism UI - Frosted glass effect with backdrop blur
- Animated Gradients - Continuously moving background animations
- Smooth Transitions - Micro-interactions on every element
- Responsive Layout - Mobile-first design approach
- Modern Typography - Clean, readable fonts
- Intuitive UX - User-friendly interface
yt-web-downloader/
├── app/
│ ├── api/
│ │ ├── download/
│ │ │ └── route.ts # Download API endpoint
│ │ └── info/
│ │ └── route.ts # Video info API endpoint
│ ├── layout.tsx # Root layout
│ ├── page.tsx # Home page with UI
│ └── globals.css # Global styles
├── public/
│ └── downloads/ # Downloaded videos storage
├── package.json # Dependencies
└── README.md # Documentation
The app automatically creates a public/downloads folder for temporary video storage. Downloaded videos are automatically cleaned up after 1 hour.
Note: For full functionality, you'll need a VPS or cloud server to run yt-dlp backend.
-
DigitalOcean / AWS / Linode
- Install Node.js, yt-dlp, and ffmpeg
- Clone the repository
- Run
npm install && npm run build - Use PM2 or Docker for process management
-
Docker Deployment (Coming Soon)
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
This tool is for personal use only. Please respect copyright laws and terms of service of the platforms you download from. Only download content you have the right to download.
- yt-dlp - The amazing video downloader
- Next.js - The React framework
- Framer Motion - Animation library
- Tailwind CSS - Utility-first CSS framework
- Lucide - Beautiful icons
Aamir Mursleen - @aamirmursleen
Project Link: https://github.com/aamirmursleen/yt-web-downloader