Mobileraker | Control Klipper from your Phone

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Mobileraker | Control Klipper from your Phone</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="all,follow">  <link rel="stylesheet" href="vendor/swiper/swiper-bundle.min.css">  <link rel="stylesheet" href="vendor/modal-video/css/modal-video.min.css">  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:400,600,800&display=swap">  <link rel="stylesheet" href="css/device-mockups.css">  <link rel="stylesheet" href="css/style.sea.css" id="theme-stylesheet">  <link rel="stylesheet" href="css/custom.css">  <link rel="shortcut icon" href="img/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> </head> <body>  <header class="header"> <nav class="navbar navbar-light navbar-expand-lg fixed-top" id="navbar"> <div class="container"> <a class="navbar-brand" href="index.html"> <img src="img/mr_logo.png" alt="" height="64"> <small class="link-dark">Mobileraker</small> </a> <button class="navbar-toggler navbar-toggler-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars"></i></button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link link-scroll active" href="#hero">Home <span class="sr-only">(current)</span></a></li> <li class="nav-item"><a class="nav-link link-scroll" href="#about">About</a></li> <li class="nav-item"><a class="nav-link link-scroll" href="#testimonials">Testimonials</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/Clon1998/mobileraker">GitHub</a></li> </ul> </div> </div> </nav> </header>  <section class="hero bg-top py-5" id="hero" style="background: url(img/banner-4.png) no-repeat; background-size: 100% 80%"> <div class="container py-5"> <div class="row py-5"> <div class="col-lg-5 py-5"> <h1>Download Mobileraker Now!</h1> <p class="my-4 text-muted">Mobileraker works as a simple UI for Klipper on your phone. Connect it to an existing moonraker installation and start controlling your printer. </p> <ul class="list-inline mb-0"> <li class="list-inline-item mb-2 mb-lg-0"><a class="btn btn-primary btn-lg px-4" href="https://play.google.com/store/apps/details?id=com.mobileraker.android"> <i class="fab fa-google-play me-3"></i>Google Play</a></li> <li class="list-inline-item"><a class="btn btn-primary btn-lg px-4" href="https://apps.apple.com/us/app/mobileraker/id1581451248"> <i class="fab fa-app-store me-3"></i>App Store</a></li> </ul> </div> <div class="col-lg-6 ml-auto"> <div class="device-wrapper mx-auto"> <div class="device shadow" data-device="iPhoneX" data-orientation="portrait" data-color="black"> <div class="screen"><img class="img-fluid" src="img/screenshots/home_v2.png" alt=""></div> </div> </div> </div> </div> </div> </section> <section class="bg-center py-0" id="about" style="background: url(img/service-bg.svg) no-repeat; background-size: cover"> <section class="about py-0"> <div class="container"> <p class="h6 text-uppercase text-primary">What is it all about?</p> <h2 class="mb-5">Core Features of Mobileraker</h2> <div class="row pb-5 gy-4"> <div class="col-lg-4 col-md-6">  <div class="card border-0 shadow rounded-lg py-4 text-start"> <div class="card-body p-5"> <svg class="svg-icon svg-icon-light" style="width:60px;height:60px;color:#ff904e"> <use xlink:href="#code-files-1"> </use> </svg> <h3 class="h4 my-4">Source Available</h3>  <p class="text-sm text-muted mb-0"> Mobileraker invites collaboration and contributions as it is source available. Delve into the codebase, share your expertise, and be part of the community shaping Mobileraker's future. Your contributions are crucial in advancing Mobileraker and making it even better. Join us on this exciting journey! </p> </div> </div> </div> <div class="col-lg-4 col-md-6">  <div class="card border-0 shadow rounded-lg py-4 text-start"> <div class="card-body p-5"> <svg class="svg-icon svg-icon-light" style="width:60px;height:60px;color:#39f8d2"> <use xlink:href="#megaphone-1"> </use> </svg> <h3 class="h4 my-4">Push Notifications</h3>  <p class="text-sm text-muted mb-0"> Stay informed on the go with Mobileraker! Your printer can send push notifications directly to your device. Discover more about this feature on the GitHub page of <a href="https://github.com/Clon1998/mobileraker_companion">Mobileraker Companion</a>. Additionally, Mobileraker now supports live activities for iOS users, ensuring you're always in the loop. </p> </div> </div> </div> <div class="col-lg-4 col-md-6">  <div class="card border-0 shadow rounded-lg py-4 text-start"> <div class="card-body p-5"> <svg class="svg-icon svg-icon-light" style="width:60px;height:60px;color:#8190ff"> <use xlink:href="#clouds-1"> </use> </svg> <h3 class="h4 my-4">Remote Access</h3> <p class="text-sm text-muted mb-0"> Mobileraker provides versatile remote access options, including support for <a href="https://octoeverywhere.com/">OctoEverywhere*</a> and <a href="https://www.obico.com/">Obico*</a>. Whether through these services or custom setups like reverse proxy, users can connect to their printers from anywhere in the world. Explore the flexibility of remote access with Mobileraker! <br> <p style="font-size: x-small;">* Please note that third-party services may require a subscription.</p> </p> </div> </div> </div> </div> </div> </section> <section class="with-pattern-1 py-5" id="services"> <div class="container py-5"> <div class="row align-items-center mb-5 gy-5"> <div class="col-lg-6"><img class="img-fluid w-100 px-lg-5" src="img/undraw_mobile_encryption_re_yw3o.svg" alt=""></div>  <div class="col-lg-6"> <h2>You are in control of your data!</h2> <p class="text-muted">Fed up with sharing your data with big corporations? Frustrated with the mandatory internet connection for remote access?</p> <p class="text-muted">Mobileraker puts you in charge. Run Mobileraker locally for complete control over your data. Rest assured, Mobileraker respects your privacy by not collecting any personal information. You can even choose to opt out of statistics and error reporting, ensuring your privacy is prioritized.</p> </div> </div> </div> </section> </section> <section class="p-0" id="testimonials" style="background: url(img/testimonials-bg.png) no-repeat; background-size: 40% 100%; background-position: left center"> <div class="container text-center"> <p class="h6 text-uppercase text-primary">Testimonials</p> <h2 class="mb-5">What Our Users Says?</h2> <div class="row"> <div class="col-lg-8 mx-auto"> <div class="swiper testimonials-slider"> <div class="swiper-wrapper"> <div class="swiper-slide h-auto"> <div class="mx-3 mx-lg-5 my-5 pt-3"> <div class="card shadow rounded-lg px-4 py-5 px-lg-5 with-pattern bg-white border-0"> <div class="card-body index-forward pt-2 rounded-lg"> <div class="ratings mb-4"> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> </div> <p class="lead text-muted mb-5">Awesome interface for my Klipper-equipped printer. I only wish I could access slightly more things that Mainsail offers in the web interface. Even still, there are plenty of tasks that I would rather do through Mobilraker and the web interface. It makes my experience easier.</p> <h5 class="mb-0">Nicholas</h5> <p class="text-primary mb-0 text-sm">Google Play</p> </div> </div> </div> </div> <div class="swiper-slide h-auto"> <div class="mx-3 mx-lg-5 my-5 pt-3"> <div class="card shadow rounded-lg px-4 py-5 px-lg-5 with-pattern bg-white border-0"> <div class="card-body index-forward pt-2 rounded-lg"> <div class="ratings mb-4"> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> </div> <p class="lead text-muted mb-5">Honestly - this is such a high quality, well designed app - I'm super impressed especially that it's open source.</p> <h5 class="mb-0">Ios User</h5> <p class="text-primary mb-0 text-sm">App Store</p> </div> </div> </div> </div> <div class="swiper-slide h-auto"> <div class="mx-3 mx-lg-5 my-5 pt-3"> <div class="card shadow rounded-lg px-4 py-5 px-lg-5 with-pattern bg-white border-0"> <div class="card-body index-forward pt-2 rounded-lg"> <div class="ratings mb-4"> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> </div> <p class="lead text-muted mb-5">Thank you for making this free! It鈥檚 a great app, you are easily able to interact with your printer without losing any capability. My favorite thing about the Mobileraker is the text editor. Editing configs in the Mainsail WebUI on mobile is a terrible experience but Mobileraker makes it painless.</p> <h5 class="mb-0">Chase</h5> <p class="text-primary mb-0 text-sm">App Store</p> </div> </div> </div> </div> <div class="swiper-slide h-auto"> <div class="mx-3 mx-lg-5 my-5 pt-3"> <div class="card shadow rounded-lg px-4 py-5 px-lg-5 with-pattern bg-white border-0"> <div class="card-body index-forward pt-2 rounded-lg"> <div class="ratings mb-4"> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> <i class="fa fa-star rating-color"></i> </div> <p class="lead text-muted mb-5">I have been loving this app and am especially happy now that there's OctoEverywhere integration. The only thing I can think of that I'd like to see is a gcode previewer like you'd see if Fluidd etc.</p> <h5 class="mb-0">Jimmy</h5> <p class="text-primary mb-0 text-sm">Google Play</p> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </section> <a class="scroll-top-btn" id="scrollTop" href="#!"><i class="fas fa-long-arrow-alt-up"></i></a> <footer class="with-pattern-1 position-relative pt-5"> <div class="container py-5"> <div class="row gy-4"> <div class="col-lg-5">  <p class="text-muted"> While Mobileraker is free and source available, if you appreciate the app and wish to support its development and cover associated costs, consider purchasing the supporter package. You can also show your support through app store ratings or by starring the project on GitHub. Your support fuels the continued improvement of Mobileraker! </p>  </div> <div class="col-lg-2"> <h2 class="h5 mb-4">Quick Links</h2> <div class="d-flex"> <ul class="list-unstyled d-inline-block me-4 mb-0"> <li class="mb-2"><a class="footer-link" href="https://github.com/Clon1998/mobileraker">GitHub</a></li> <li class="mb-2"><a class="footer-link" href="https://play.google.com/store/apps/details?id=com.mobileraker.android">Google Play</a></li> <li class="mb-2"><a class="footer-link" href="https://apps.apple.com/us/app/mobileraker/id1581451248">App Store</a></li> </ul> </div> </div> <div class="col-lg-5"> <h2 class="h5 mb-4">Contact Info</h2> <ul class="list-unstyled me-4 mb-3"> <li class="mb-2 text-muted">Th眉ringer Str. 12</li> <li class="mb-2 text-muted">64367 M眉hltal, Germany</li> <li class="mb-2"><a class="footer-link" href="mailto:help@mobileraker.com">help@mobileraker.com</a></li> <li class="mb-2"> <a href="https://www.iubenda.com/privacy-policy/19183925" title="Imprint & Privacy Policy">Imprint & Privacy Policy</a> </li> </ul>  </div> </div> </div> <div class="copyrights"> <div class="container text-center py-4"> <p class="mb-0 text-muted text-sm">© 2023, Patrick Schmidt. Template by <a href="https://bootstrapious.com/p/app-landing-page" class="text-reset">Bootstrapious</a>.</p>  </div> </div> </footer>  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="vendor/swiper/swiper-bundle.min.js"></script> <script src="vendor/modal-video/js/modal-video.js"></script> <script src="js/front.js"></script> <script> // ------------------------------------------------------- // // Inject SVG Sprite - // see more here // https://css-tricks.com/ajaxing-svg-sprite/ // ------------------------------------------------------ // function injectSvgSprite(path) { var ajax = new XMLHttpRequest(); ajax.open("GET", path, true); ajax.send(); ajax.onload = function (e) { var div = document.createElement("div"); div.className = 'd-none'; div.innerHTML = ajax.responseText; document.body.insertBefore(div, document.body.childNodes[0]); } } // this is set to BootstrapTemple website as you cannot // inject local SVG sprite (using only 'icons/orion-svg-sprite.svg' path) // while using file:// protocol // pls don't forget to change to your domain :) injectSvgSprite('icons/orion-svg-sprite.svg'); </script>  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> </body> </html>

CINXE.COM

Mobileraker | Control Klipper from your Phone