The latest articles on DEV Community by Thejus (@iamthejus). https://dev.to/iamthejus https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4077351%2F8c1314c2-f2ed-479e-bd45-eb45bff23e5c.png https://dev.to/iamthejus en Thejus Fri, 14 Aug 2026 08:37:06 +0000 https://dev.to/iamthejus/i-built-an-open-source-youtube-music-player-with-offline-downloads-32ji https://dev.to/iamthejus/i-built-an-open-source-youtube-music-player-with-offline-downloads-32ji <p>I was frustrated that most music apps are filled with ads, tracking, subscriptions, and unnecessary clutter.</p> <p>So I built <strong>Gravity Music</strong> — a free and open-source music player powered by YouTube, designed for people who simply want to listen to music without distractions.</p> <h2> What is Gravity Music? </h2> <p>Gravity Music is a lightweight music app that lets you search, play, and download songs for offline listening while keeping the experience clean and privacy-friendly.</p> <p>🌐 Website: <a href="https://gravity.iamthejus.in" rel="noopener noreferrer">https://gravity.iamthejus.in</a></p> <h2> Features </h2> <ul> <li>🎵 Search and play music</li> <li>📥 Offline downloads</li> <li>🚫 No ads</li> <li>🛡️ No trackers</li> <li>📱 Android support</li> <li>💻 Desktop support</li> <li>✨ Modern glassmorphism UI</li> </ul> <h2> Why I built it </h2> <p>I wanted a music player that felt:</p> <ul> <li> <strong>Lightweight</strong> instead of bloated</li> <li> <strong>Private</strong> instead of tracking-heavy</li> <li> <strong>Beautiful</strong> instead of cluttered</li> <li> <strong>Offline-friendly</strong> for travel and poor network conditions</li> </ul> <p>This project also became a great opportunity to improve my skills in deployment, UI design, and performance optimization.</p> <h2> Screenshots </h2> <h3> Home screen </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fr4lufieqhlp41qqjran5.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fr4lufieqhlp41qqjran5.png" alt="Gravity Music Home" width="800" height="500"></a></p> <h3> Player screen </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn350ci9ixi217k00xevj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn350ci9ixi217k00xevj.png" alt="Gravity Music Player" width="720" height="1600"></a></p> <h3> Library / Downloads </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyp75t45jnkgihw92q72h.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyp75t45jnkgihw92q72h.png" alt="Gravity Music Library" width="720" height="1600"></a></p> <h2> Tech stack </h2> <ul> <li>Android</li> <li>Flutter</li> <li>YouTube-powered playback</li> <li>GitHub Pages</li> <li>Cloudflare custom domain</li> </ul> <h2> Deployment </h2> <p>The website is hosted on <strong>GitHub Pages</strong> and served through my custom subdomain:</p> <p>👉 <a href="https://gravity.iamthejus.in" rel="noopener noreferrer">https://gravity.iamthejus.in</a></p> <p>I configured:</p> <ul> <li>GitHub Pages</li> <li>Cloudflare DNS</li> <li>HTTPS/TLS</li> <li>Custom domain routing</li> </ul> <h2> What I learned </h2> <p>Building and publishing this project taught me:</p> <ul> <li>Custom domain setup with Cloudflare</li> <li>GitHub Pages deployment</li> <li>Responsive landing page design</li> <li>Asset optimization</li> <li>UI/UX improvements for dark themes</li> </ul> <h2> Source code </h2> <p>👉 <a href="https://github.com/IamThejus/Gravity-Music" rel="noopener noreferrer">https://github.com/IamThejus/Gravity-Music</a></p> <h2> Feedback </h2> <p>This is still an actively evolving project, and I’d love feedback from other developers, Android users, Linux users, and music lovers.</p> <p><strong>What feature would make you switch from your current music app to an open-source alternative like Gravity Music?</strong></p> opensource android linux showdev