youtube-downloader Tailwind Templates

Youtube Downloader

A web application for downloading YouTube videos with options for MP4 or MP3 formats. The app is built using Next.js for the frontend, styled with Tailwind CSS, and integrates yt-dlp for backend video processing.

YouTube Downloader with Next.js and Tailwind CSS

A web application for downloading YouTube videos and audio in MP4 or MP3 formats. The app is built with Next.js, styled using Tailwind CSS, and uses yt-dlp for video/audio processing.

Features

  • 🎥 YouTube Metadata Fetching: Displays video title, thumbnail, and duration before downloading.
  • 📥 Download Options: Allows users to download YouTube videos as MP4 or audio as MP3.
  • 🌙 Dark Theme: Elegant and responsive UI with a dark theme and orange accents.
  • 📱 Responsive Design: Optimized for mobile and desktop devices.

Screenshots

YouTube Downloader UI

Tech Stack

  • Frontend: Next.js, React, Tailwind CSS
  • Backend: Node.js (API Routes)
  • Video Processing: yt-dlp

Installation

Clone this repository:

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

Install dependencies:

npm install

Start the development server:

npm run dev

Open the app in your browser:

http://localhost:3000

API Endpoints

  • /api/metadata: Fetches metadata (e.g., title, thumbnail) for a given YouTube video URL.
  • /api/download: Downloads the video or audio in the selected format.

Contributing

Contributions are welcome! Please follow these steps:

Fork the repository.

Create a new feature branch:

git checkout -b feature/your-feature-name

Commit your changes:

git commit -m "Add your feature description"

Push to the branch:

git push origin feature/your-feature-name

Open a pull request.

License

This project is licensed under the MIT License.

Top categories

Loading Svelte Themes