GrabTube - YouTube Video Downloader

GrabTube is a modern, fast, and secure YouTube video downloader built with Next.js, React, and Tailwind CSS. It lets users preview videos before download, provides a progress bar during download, and supports high-quality video downloads—all with a sleek and responsive UI.

✨ Features

• 🎬 Instant Video Preview – See a mini-preview of the video as soon as you paste its URL.
• 🚀 High-Speed Downloads – Download videos in up to 4K quality.
• 🔒 Secure Processing – No data storage or tracking.
• 🌓 Dark/Light Mode – Seamless theme toggle.
• 📊 Real-time Progress – Visual feedback via a progress bar.
• 📱 Responsive Design – Fully optimized for all devices.

🛠️ Tech Stack

• Frontend: Next.js 15.1.7, React 19.0.0, Tailwind CSS 3.4.1
• Backend: Next.js API Routes
• Utilities: ytdl-core (distube/ytdl-core), react-youtube, react-hot-toast
• UI Components: Material UI Icons

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm 9+ or yarn 1.22+

Installation

# 1. Clone repository
git clone https://github.com/lucasbrasantos/grabtube.git
cd grabtube

# 2. Install dependencies
npm install

# 3. Start development server
npm run dev

Usage

1. Paste a URL:
   Enter a YouTube video URL into the input field.
2. Preview the Video:
   A mini-preview player (integrated below the input) loads to let you confirm the video.
3. Download:
   Click the Download Now button to start the download process.
4. Progress Feedback:
   A progress bar displays the current download status in real time.

Video Preview Feature

GrabTube features a built-in mini-player that loads the video preview as soon as you paste the URL. This ensures you’re downloading the correct content before proceeding. The preview is displayed between the input field and the feature cards.

Tip: Future improvements may include additional metadata or thumbnail overlays in the mini-player.

Learn More

• Next.js Documentation – Explore Next.js features and API routes.
• Tailwind CSS Documentation – Learn about Tailwind’s utility-first approach.
• ytdl-core Documentation – Core YouTube download functionality

Visit the GrabTube GitHub Repository for more details, issues, and contributions.

🌍 Deploy

GrabTube is optimized for deployment on Vercel. Deploy your instance effortlessly and enjoy automatic scaling and performance optimizations.

🚑 Troubleshooting

Common Errors

If you encounter any issues with video downloads:

1. Ensure you're using valid YouTube URLs
2. Check your internet connection
3. Verify the video is not age-restricted or private

📜 License

Distributed under the MIT License. See LICENSE for more information.

Made by Lucas Braga Santos