The latest articles on DEV Community by HalalFrFr (@halal_frfr). https://dev.to/halal_frfr https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1793811%2F1747c120-aa6f-41ad-8486-9bb585b82909.jpg https://dev.to/halal_frfr en HalalFrFr Sun, 19 Apr 2026 10:23:09 +0000 https://dev.to/halal_frfr/building-a-windows-yt-dlp-gui-with-tauri-react-and-rust-3bh6 https://dev.to/halal_frfr/building-a-windows-yt-dlp-gui-with-tauri-react-and-rust-3bh6 <p>I built HalalDL because I wanted a Windows-first desktop workflow for yt-dlp that did not hide what yt-dlp was doing.</p> <p>yt-dlp is already powerful. The problem I wanted to solve was not the engine. It was the day-to-day Windows experience around it: setup, presets, ffmpeg, tool paths, logs, and installer choices.</p> <h2> What HalalDL is </h2> <p>HalalDL is a local-first Windows desktop GUI for yt-dlp.</p> <p>It currently focuses on:</p> <ul> <li>Windows 10/11 x64</li> <li>preset-driven downloads</li> <li>visible raw yt-dlp logs</li> <li>Full and Lite installers</li> <li>WinGet support</li> <li>no account system</li> <li>no cloud service</li> <li>no telemetry</li> </ul> <p>Repo:<br> <a href="https://github.com/Asdmir786/HalalDL" rel="noopener noreferrer">https://github.com/Asdmir786/HalalDL</a></p> <p>Website:<br> <a href="https://halaldl.vercel.app" rel="noopener noreferrer">https://halaldl.vercel.app</a></p> <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.amazonaws.com%2Fuploads%2Farticles%2F6knkem89gpzs7uhmcfle.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.amazonaws.com%2Fuploads%2Farticles%2F6knkem89gpzs7uhmcfle.png" alt="HalalDL downloads screen showing URL input, preset selection, queue controls, and the main download area" width="800" height="500"></a></p> <p><em>Main download queue and URL flow.</em></p> <h2> Why Tauri </h2> <p>I chose Tauri because I wanted a desktop app with a web UI, but I did not want to ship a huge runtime just to wrap a CLI workflow.</p> <p>The stack is:</p> <ul> <li>Tauri v2</li> <li>React</li> <li>TypeScript</li> <li>Rust</li> <li>Vite</li> <li>Tailwind CSS</li> </ul> <p>The frontend handles the user flow, presets, pages, and state. The Tauri/Rust side handles the local desktop integration and process/tooling boundary.</p> <h2> Full vs Lite builds </h2> <p>One design decision was to split releases into Full and Lite builds.</p> <p>Full is for people who want the easiest install path.</p> <p>Lite is for people who already manage their own yt-dlp, ffmpeg, aria2, and related tools.</p> <p>That split exists because yt-dlp users are not all the same. Some want convenience. Others want control.</p> <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.amazonaws.com%2Fuploads%2Farticles%2F5pase2feouh9p8dswftg.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.amazonaws.com%2Fuploads%2Farticles%2F5pase2feouh9p8dswftg.png" alt="HalalDL presets screen showing built-in yt-dlp download profiles for video, audio, subtitles, compatibility, and editor workflows" width="800" height="500"></a></p> <p><em>Preset-driven download profiles.</em></p> <h2> Why raw logs matter </h2> <p>A lot of GUIs hide the backend output behind generic progress text.</p> <p>I wanted the opposite.</p> <p>If yt-dlp says something useful, the user should be able to see it. That makes bug reports better, makes troubleshooting easier, and avoids pretending the GUI knows more than the underlying tool.</p> <h2> Installer trust </h2> <p>One rough edge right now is code signing.</p> <p>HalalDL releases are not code-signed yet, so Windows SmartScreen may warn. For now, I try to make that clear instead of hiding it:</p> <ul> <li>source code is public</li> <li>release workflows are public</li> <li>SHA256 checksums are attached to releases</li> <li>downloads point to GitHub Releases</li> </ul> <p>Code signing is something I want to improve later.</p> <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.amazonaws.com%2Fuploads%2Farticles%2Fi9nu4f5qz6kieh17jonz.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.amazonaws.com%2Fuploads%2Farticles%2Fi9nu4f5qz6kieh17jonz.png" alt="HalalDL tools screen showing status checks for yt-dlp, ffmpeg, aria2, and optional runtime support" width="800" height="500"></a></p> <p><em>Tool status checks for yt-dlp, ffmpeg, aria2, and optional runtime support.</em></p> <h2> What I learned </h2> <p>The hard part was not just calling yt-dlp.</p> <p>The hard part was making the surrounding workflow understandable:</p> <ul> <li>what preset should a beginner choose?</li> <li>what should happen when ffmpeg is missing?</li> <li>how visible should advanced options be?</li> <li>how do you explain Full vs Lite without confusing people?</li> <li>how do you make an unsigned Windows app feel trustworthy?</li> </ul> <h2> What I want feedback on </h2> <p>I am still looking for feedback from real yt-dlp users and Windows users:</p> <ul> <li>Are the default presets useful?</li> <li>Is Full vs Lite clear?</li> <li>What would make the installer feel more trustworthy?</li> <li>What logs or diagnostics should be easier to export?</li> <li>What would make this worth using over raw yt-dlp or existing GUIs?</li> </ul> <p>HalalDL is open source here:</p> <p><a href="https://github.com/Asdmir786/HalalDL" rel="noopener noreferrer">https://github.com/Asdmir786/HalalDL</a></p> showdev tauri opensource react