SoundDown – SoundCloud Music Downloader PHP Website

SoundDown – SoundCloud Music Downloader PHP Website

SoundDown is a fully functional, beautifully designed SoundCloud music downloader website built with PHP and Vanilla JavaScript. Paste any SoundCloud URL — track, playlist, album, or artist page — and download the audio in seconds. No registration, no login, no watermark.

✨ Key Features

• ???? Download tracks, playlists, albums, and artist pages from SoundCloud
• ⚡ Instant resolution — paste a URL and results appear automatically
• ???? Multiple audio formats — MP3, M4A, Opus and more (based on availability)
• ???? Dark & Light mode with system preference detection and localStorage persistence
• ???? Fully responsive — works seamlessly on desktop, tablet, and mobile
• ???? Secure — all downloads processed in real-time, no server-side storage
• ???? Fast serverless backend — lightweight, scalable, and reliable
• ???? Modern UI — built with oklch CSS design tokens, smooth transitions, and animations
• ???? Clipboard auto-detect — paste a URL and it resolves immediately
• ???? Toast notifications — user-friendly error and success messages

???? Pages Included

• index.php — Main downloader page with hero, URL input, results, how-to-use, features, FAQ, CTA section, and footer
• about.php — About page with mission statement and feature highlights
• contact.php — Contact form page
• privacy.php — Privacy policy page
• terms.php — Terms of service page

???? Tech Stack

• Frontend: PHP, HTML5, CSS3, Vanilla JavaScript (no frameworks)
• Backend API: 1 million monthly free api requests
• Icons: Lucide Icons (CDN)
• Fonts: Inter via Google Fonts
• Hosting: Any PHP host (XAMPP, cPanel, shared hosting, VPS)

???? How It Works

1. User pastes a SoundCloud URL into the input field
2. Frontend calls the backend API /api/resolve endpoint
3. API fetches track/playlist/artist metadata from SoundCloud
4. Results render with artwork, title, artist, duration, play count, and format options
5. User selects a format and clicks Download — file saves directly to device

???? Design System

Built with a professional CSS design system using oklch color tokens for precise color control in both light and dark themes. Styled components include navbar, hero, track cards, playlist headers, format selectors, FAQ accordion, CTA section, and footer.

???? What's Included

• ✅ Full PHP website source code (6 pages)
• ✅ Backend API worker script
• ✅ CSS stylesheet (style.css)
• ✅ JavaScript frontend (app.js)
• ✅ SVG favicon
• ✅ Easy setup — just upload to any PHP host and you're live

⚙️ Requirements

• PHP 7.4+ hosting (shared, VPS)

???? Easy Customization

The entire color scheme, branding, and content can be changed in minutes. Update the API_BASE variable in app.js to point to your own API endpoint and you're live.