1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <link rel="icon" type="image/x-icon" href="icons/relm4_org.svg" /> 7 <title>Relm4</title> 8 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" /> 9 <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css" /> 10 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" /> 11 <link rel="stylesheet" type="text/css" href="css/main.css" /> 12 <link rel="stylesheet" type="text/css" href="css/fira-sans.css" /> 13
13<script src="main.js"></script>
13 14</head> 15<body> 16 <div class="bg-gradient-moving"> 17 <section class="hero is-fullheight"> 18 <div class="hero-head"> 19 <nav class="navbar"> 20 <div class="container px-1"> 21 <div class="navbar-brand"> 22 <h1 class="title is-2 m-2 has-text-white" style="display: inline-block; width: 100%;"> 23 <img src="icons/relm4_logo.svg" style="display: inline; vertical-align: -32%; width: 1.4em;"/> 24 <span>Relm4</span> 25 </h1> 26 <span class="navbar-burger burger has-text-white" data-target="navbarMenu" onclick="toggle_menu()"> 27 <span aria-hidden="true"></span> 28 <span aria-hidden="true"></span> 29 <span aria-hidden="true"></span> 30 </span> 31 </div> 32 <div id="navbarMenu" class="navbar-menu" style="background: transparent;"> 33 <div class="navbar-end"> 34 <span class="navbar-item"> 35 <a class="button is-white is-outlined is-fullwidth" href="https://docs.rs/relm4/"> 36 <span class="icon"> 37 <i class="mdi mdi-file-document"></i> 38 </span> 39 <span>Documentation</span> 40 </a> 41 </span> 42 <span class="navbar-item"> 43 <a class="button is-white is-outlined is-fullwidth" href="/book/stable"> 44 <span class="icon"> 45 <i class="mdi mdi-book-open-page-variant"></i> 46 </span> 47 <span>Book</span> 48 </a> 49 </span> 50 <span class="navbar-item"> 51 <a class="button is-white is-outlined is-fullwidth" href="/blog"> 52 <span class="icon"> 53 <i class="mdi mdi-newspaper-variant-outline"></i> 54 </span> 55 <span>Blog</span> 56 </a> 57 </span> 58 <span class="navbar-item"> 59 <a class="button is-white is-outlined is-fullwidth" href="https://github.com/Relm4/relm4"> 60 <span class="icon"> 61 <i class="mdi mdi-star"></i> 62 </span> 63 <span>GitHub</span> 64 </a> 65 </span> 66 </div> 67 </div> 68 </div> 69 </nav> 70 </div> 71 <div class="hero-body"> 72 <div class="container has-text-centered"> 73 <div class="columns is-mobile is-centered pb-5"> 74 <div class="column is-two-thirds-desktop"> 75 <h1 class="title is-1 has-text-white">Build truly native applications with ease</h1> 76 <p class="is-size-4 has-text-white mb-3"> 77 Relm4 makes developing beautiful cross-platform applications idiomatic, simple and fast and enables you to become productive in just a few hours. 78 </p> 79 </div> 80 </div> 81 <div class="container pt-5"> 82 <div class="columns has-text-white is-multiline"> 83 <div class="column is-one-quarter-desktop is-half-tablet"> 84 <article class="notification feature-box"> 85 <h4 class="title is-4"> 86 <span class="icon"> 87 <span class="mdi mdi-rocket-launch"></span> 88 </span> 89 Productivity 90 </h4> 91 <p> 92 Use a declarative syntax to write your UI in pure Rust with ease. 93 </p> 94 </article> 95 </div> 96 <div class="column is-one-quarter-desktop is-half-tablet"> 97 <article class="notification feature-box"> 98 <h4 class="title is-4"> 99 <span class="icon"> 100 <span class="mdi mdi-flare"></span> 101 </span> 102 Simplicity 103 </h4> 104 <p> 105 The Elm programming model makes Relm4 applications simple to write and understand. 106 </p> 107 </article> 108 </div> 109 <div class="column is-one-quarter-desktop is-half-tablet"> 110 <article class="notification feature-box"> 111 <h4 class="title is-4">
112 <span class="icon"> 113 <span class="mdi mdi-file-document"></span> 114 </span> 115 Documentation 116 </h4> 117 <p> 118 Relm4 provides an outstanding documentation in the form of a dedicated book and Rust docs. 119 </p> 120 </article> 121 </div> 122 <div class="column is-one-quarter-desktop is-half-tablet"> 123 <article class="notification feature-box"> 124 <h4 class="title is-4"> 125 <span class="icon"> 126 <span class="mdi mdi-tools"></span> 127 </span> 128 Maintainability 129 </h4> 130 <p> 131 Using Rust's type system, 132 Relm4 allows you to write robust and maintainable code. 133 </p> 134 </article> 135 </div> 136 <div class="column is-one-quarter-desktop is-half-tablet"> 137 <article class="notification feature-box"> 138 <h4 class="title is-4"> 139 <span class="icon"> 140 <span class="mdi mdi-cellphone-link"></span> 141 </span> 142 Cross-platform 143 </h4> 144 <p> 145 Relm4 is based on GTK which supports Windows, MacOS and Linux. 146 </p> 147 </article> 148 </div> 149 <div class="column is-one-quarter-desktop is-half-tablet"> 150 <article class="notification feature-box"> 151 <h4 class="title is-4"> 152 <span class="icon"> 153 <span class="mdi mdi-chip"></span> 154 </span> 155 Truly native 156 </h4> 157 <p> 158 Built on GTK, Relm4 runs on bare metal with no additional runtime in between. 159 </p> 160 </article> 161 </div> 162 <div class="column is-one-quarter-desktop is-half-tablet"> 163 <article class="notification feature-box"> 164 <h4 class="title is-4"> 165 <span class="icon"> 166 <span class="mdi mdi-sync"></span> 167 </span> 168 Asynchronous 169 </h4> 170 <p> 171 Built-in support for asynchronous background tasks and UI updates. 172 </p> 173 </article> 174 </div> 175 <div class="column is-one-quarter-desktop is-half-tablet"> 176 <article class="notification feature-box"> 177 <h4 class="title is-4"> 178 <span class="icon"> 179 <span class="mdi mdi-view-module"></span> 180 </span> 181 Modular 182 </h4> 183 <p> 184 Write components that are re-usable across different applications. 185 </p> 186 </article> 187 </div> 188 </div> 189 </div> 190 </div> 191 </div> 192 </section> 193 <section class="second-bg py-6"> 194 <div class="container px-5"> 195 <h1 class="title is-1 has-text-centered has-text-black"> 196 Built upon your favorite technologies! 197 </h1> 198 <div class="columns has-text-white"> 199 <div class="column is-one-third"> 200 <a href="https://rust-lang.org" target="_blank" rel="noopener"> 201 <div id="rust-img" class="spinner-img is-flex is-align-items-center"> 202 <img src="icons/rust-logo.svg" /> 203 <div class="pl-3"> 204 <h2 class="title is-4 has-text-black mb-2">Rust</h2> 205 <p class="is-6 has-text-black">The Rust programming language makes Relm4 apps reliable and efficient.</p> 206 </div> 207 </div> 208 </a> 209 </div> 210 <div class="column is-one-third"> 211 <a href="https://gtk.org" target="_blank" rel="noopener"> 212 <div id="gtk-img" class="spinner-img is-flex is-align-items-center"> 213 <img src="icons/gtk-logo.svg"/> 214 <div class="pl-3"> 215 <h2 class="title is-4 has-text-black mb-2">GTK4</h2> 216 <p class="is-6 has-text-black">With a complete set of UI elements, GTK provides everything you need for your app.</p> 217 </div> 218 </div> 219 </a> 220 </div> 221 <div class="column is-one-third"> 222 <a href="https://gtk-rs.org" target="_blank" rel="noopener"> 223 <div id="gtk-rs-img" class="spinner-img is-flex is-align-items-center"> 224 <img src="icons/gtk-rs-logo.svg"/> 225 <div class="pl-3"> 226 <h2 class="title is-4 has-text-black mb-2">gtk-rs</h2> 227 <p class="is-6 has-text-black">Relm4 builds on gtk-rs which provides outstanding Rust bindings for GTK.</p> 228 </div> 229 </div> 230 </a> 231 </div> 232 </div> 233 </section> 234 </div> 235 <footer class="footer third-bg"> 236 <div class="content has-text-centered"> 237 <p> 238 <strong class="has-text-white">Relm4</strong> 239 <div class="columns is-centered"> 240 <div class="column is-narrow"> 241 <a href="/blog">Blog</a> 242 </div> 243 <div class="column is-narrow"> 244 <a href="https://github.com/Relm4">GitHub</a> 245 </div> 246 <div class="column is-narrow"> 247 <a href="https://crates.io/crates/relm4">crates.io</a> 248 </div> 249 <div class="column is-narrow"> 250 <a href="https://matrix.to/#/#relm4:matrix.org" target="_blank" rel="noreferrer noopener">Matrix chat</a> 251 </div> 252 <div class="column is-narrow"> 253 <a href="https://github.com/Relm4/website" target="_blank" rel="noreferrer noopener">source</a> 254 </div> 255 <div> 256 </p> 257 </div> 258 </footer> 259</body> 260</html> 261 262
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.