Skip to content

Releases: ytube-downloader/youtube-downloader-react-button

Release 2025.09.01

16 Sep 22:06
b00b4a7

Choose a tag to compare

🎉 Release v1.0.0 - Initial Release

Release Date: September 2025

First release of the YouTube Video Downloader template built with Next.js, TypeScript, and Tailwind CSS.

✨ Features

Core Functionality

  • Multi-format downloads: MP4, AVI, MOV video formats and MP3, WAV audio formats
  • Quality selection: 720p, 1080p, 4K video quality options
  • URL validation: Real-time YouTube URL validation with visual feedback
  • Responsive design: Works on mobile, tablet, and desktop

Internationalization

  • 20+ languages supported: English, German, French, Spanish, Italian, Chinese, and more
  • Dynamic language switching: Change language without page reload
  • Localized URLs: Language-specific routes (e.g., /en/, /de/)

Design

  • Dark/Light mode: Automatic theme detection with manual toggle
  • Modern UI: Clean design with smooth animations
  • Accessibility: WCAG compliant with proper focus management

📱 Pages

  • / - Main downloader (full functionality)
  • /4k-video-downloader - 4K downloads (info only)
  • /youtube-to-mp3 - MP3 converter (info only)
  • /youtube-to-wav - WAV converter (info only)
  • /youtube-playlist-downloader - Playlist downloads (full functionality)
  • /youtube-1080p-downloader - 1080p downloads (info only)

Note: Some pages show video info without download options by design.

🚀 Quick Start

# Clone the repository
git clone https://github.com/ytube-downloader/download-react-button-template.git
cd download-react-button-template

# Install dependencies
npm install

# Start development server
npm run dev

🛠️ Tech Stack

  • Next.js 15 - React framework
  • TypeScript - Type safety
  • Tailwind CSS - Styling
  • next-intl - Internationalization
  • Framer Motion - Animations
  • next-themes - Theme management

⚙️ Configuration

Update colors in tailwind.config.ts:

colors: {
  purple_main: "#6c5ce7", // Your brand color
  // Add more colors
}

Configure download service in src/app/_client/configs/index.ts:

export const ADS_URL = "your-service-url"

📋 Requirements

  • Node.js 18+
  • Modern browser (Chrome 90+, Firefox 88+, Safari 14+)

🔮 What's Next

  • Playlist bulk download functionality
  • Download history
  • Additional video/audio formats
  • PWA support

🐛 Issues

Report bugs or request features: GitHub Issues

📞 Support


Download: Source Code