CINXE.COM

<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><link rel="icon" type="image/png" href="/favicon.png"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v4.0.3"><title>Manet 路 Stream music from Jellyfin to iOS</title><meta name="description" content="Stream your music library from Jellyfin to your iOS devices and use CarPlay with ease using Manet."><meta property="og:title" content="Manet"><meta property="og:description" content="Stream your music library from Jellyfin to your iOS devices and use CarPlay with ease using Manet."><meta property="og:type" content="website"><meta property="og:image" content="/_astro/manet-opengraph.V7hObEAd.png"><meta property="og:url" content="https://tilo.dev/manet"><meta name="apple-itunes-app" content="app-id=6470928235"><script defer data-domain="tilo.dev" src="https://plausible.tilo.dev/js/script.outbound-links.js"></script><link rel="stylesheet" href="/_astro/manet.N6go0NNT.css" /> <style>::-moz-selection{color:#fff;background:#FF2F61}::selection{color:#fff;background:#FF2F61} </style></head> <body class="bg-gray-100 dark:bg-black py-6 text-gray-800 dark:text-gray-100"> <div class="flex flex-col gap-12 max-w-screen-lg mx-auto"> <div class="pt-6 flex flex-col gap-12 overflow-y-hidden px-8 md:flex-row"> <div class="flex flex-col gap-8 text-center max-w-lg mx-auto md:text-left items-center md:items-start md:justify-center"> <img src="/_astro/manet-appicon.Flp_6L_h_1yqN7E.webp" alt="App icon for the Manet app." class="h-[70px] w-[70px] rounded-2xl" width="1024" height="1024" loading="lazy" decoding="async"> <div class="flex flex-col gap-4"> <h1 class="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-tr from-[#FF2F61] to-[#5597D4]"> Say hello to Manet </h1> <h2 class="text-xl"> Stream your music library from Jellyfin to your iOS devices with ease, for free </h2> <div> <a class="hover:underline transition text-sm" href="/manet/releases/v0.7.4"> Latest release: v0.7.4 (Oct 30, 2024) </a> </div> </div> <div id="download" class="flex flex-col items-center md:items-start gap-2"> <a href="https://apps.apple.com/us/app/manet-music/id6470928235"> <img src="/_astro/download-on-the-appstore.AlcitE-D_Z1QXQua.svg" alt="Download on the App Store" width="119.66407" height="40" loading="lazy" decoding="async"> </a> <span class="text-xs dark:text-stone-400 text-gray-500">Requires iOS 17 or later</span> </div> </div> <div class="max-w-xs mx-auto"> <img src="/_astro/manet-ios-home-light.rffa68UN_i0QBF.webp" alt="Screenshot of the Home view of the app" width="1339" height="2716" loading="lazy" decoding="async"> </div> </div> <div class="flex flex-col gap-6 px-4"> <h3 class="text-2xl text-center font-black px-4"> Features </h3> <div class="grid md:grid-cols-2 gap-2"> <div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/circle-arrow-down.fvhpMzbx_Z2iaWae.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Offline </span> <p class="text-stone-600 dark:text-stone-300"> Download music for offline playback when you don't have a reliable connection or to save on your data plan. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/microphone-lines.vo-DEUPo_wcDHY.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="384" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Siri support </span> <p class="text-stone-600 dark:text-stone-300"> Play artists, playlists, albums and tracks with your voice, just by asking Siri. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/steering-wheel.F_yPbcOk_xhyNJ.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> CarPlay </span> <p class="text-stone-600 dark:text-stone-300"> Control playback in the car with our native CarPlay interface so you don't have to fiddle with a phone while driving. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/waveform-lines.Fy_ltWJ8_Z1Qrvde.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="640" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Gain Normalization </span> <p class="text-stone-600 dark:text-stone-300"> Maintain consistent audio levels across your music library for a seamless listening experience. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/bolt-lightning.RZOVvvT4_2uXBvd.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="384" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Native </span> <p class="text-stone-600 dark:text-stone-300"> Manet is built using native iOS technologies, allowing us to deeply integrate with the system. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/palette.ajO1_Yf-_Z1u689r.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Design </span> <p class="text-stone-600 dark:text-stone-300"> Purpose built for iOS, Manet fits nicely on the platform by feeling part of the platform and using patterns you're already familiar with. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/microphone-stand.uHGLXSTW_Z2pxPWu.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Lyrics </span> <p class="text-stone-600 dark:text-stone-300"> Can't remember all the words to a song? No worries! With built-in lyrics support, you can easily sing along to your favorite tracks. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/robot.cDwBDP2S_Z1yBo6B.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="640" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Shortcuts </span> <p class="text-stone-600 dark:text-stone-300"> Integrate with Shortcuts to start playback as part of a larger automation. </p> </div> </div> </div> </div> <div class="flex flex-col gap-6 px-4"> <h3 class="text-2xl text-center font-black px-4"> Get even more with Manet+ </h3> <div class="grid md:grid-cols-2 gap-2"> <div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/icons.RYbMb9Dc_ZYSrHO.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Custom app icons </span> <p class="text-stone-600 dark:text-stone-300"> Unlock two alternative app icons to make it look even better on your lock screen. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/toggle-on.DVLI-e8H_Z1Cisie.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="576" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Toggle music libraries </span> <p class="text-stone-600 dark:text-stone-300"> Got a separate library for christmas music? Toggle it off during summer and don't get christmas music while shuffling music at the beach. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/sliders-up.IclJ-aIF_Z1p1NS1.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Equalizer </span> <p class="text-stone-600 dark:text-stone-300"> Fine-tune your audio with a 6-band equalizer for personalized sound adjustment. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/eye-slash.T-R11h7i_24EfXw.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="640" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Ignore single tracks </span> <p class="text-stone-600 dark:text-stone-300"> Got a great album, but have some tracks that you always skip on? Mark it as ignored to automatically skip them when playing your music library. </p> </div> </div><div class="flex gap-4 items-start p-4 rounded-lg"> <div class="w-6 mt-0.5"> <img src="/_astro/life-ring.vmzZT_VT_20qmkX.svg" aria-hidden="true" alt="Icon" class="h-5 w-5 opacity-50 dark:invert block mx-auto" style="" width="512" height="512" loading="lazy" decoding="async"> </div> <div class="flex flex-col flex-1"> <span class="font-semibold"> Support indie development </span> <p class="text-stone-600 dark:text-stone-300"> Building and maintaining software takes hard work and time. Help fund development to make sure Manet can keep improving over the long-term. </p> </div> </div> </div> <h4 class="text-md text-center opacity-60 font-medium italic px-4"> Manet+ is an optional subscription and the app works great even without it. </h4> </div> <div> <footer class="px-8 pb-8 max-w-screen-lg mx-auto flex flex-col md:flex-row gap-6 items-center md:justify-between text-gray-600 dark:text-gray-400 no-underline"> <div class="flex justify-center flex-wrap gap-y-2 gap-x-8"> <a class="hover:underline transition" href="/cdn-cgi/l/email-protection#f685838686998482b6829f9a99d8929380c98583949c939582cbbb97989382d685838686998482">Support</a> <a class="hover:underline transition" href="/privacy">Privacy policy</a> <a class="hover:underline transition" href="/manet/releases">Releases</a> <a class="hover:underline transition" rel="me" href="https://stormlight.space/@manet">Mastodon</a> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"></script><script type="text/javascript">kofiwidget2.init('Buy me a coffee', '#FF2C55', 'O4O4T8FK1');kofiwidget2.draw();</script> </footer> </div> </div> </body></html>