Releases: ytube-downloader/youtube-downloader-react-button
Releases · ytube-downloader/youtube-downloader-react-button
Release 2025.09.01
🎉 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
- GitHub: Repository
Download: Source Code