dioxus-mirror

🌗🚀 Dioxus

Frontend that scales.

Dioxus is a portable, performant, and ergonomic framework for building cross-platform user experiences in Rust.

//! A complete dioxus web app
use dioxus_web::*;

fn Example(ctx: Context, props: &()) -> DomTree {
    let selection = use_state(ctx, || "...?");

    ctx.render(rsx! {
        div {
            h1 { "Hello, {selection}" }
            button { "?", onclick: move |_| selection.set("world!")}
            button { "?", onclick: move |_| selection.set("Dioxus 🎉")}
        }
    })
};

fn main() {
    dioxus_web::start(Example).block_on();
}

Dioxus can be used to deliver webapps, desktop apps, static pages, liveview apps, Android apps, iOS Apps, and more. At its core, Dioxus is entirely renderer agnostic and has great documentation for creating new renderers for any platform.

Things you'll love ❤️:

• Ergonomic design
• Minimal boilerplate
• Simple build, test, and deploy
• Support for html! and rsx! templating
• SSR, WASM, desktop, and mobile support
• Powerful and simple integrated state management
• Rust! (enums, static types, modules, efficiency)
  

Get Started with...

Explore

• HTML Templates: Drop in existing HTML5 templates with html! macro
• RSX Templates: Clean component design with rsx! macro
• Running the examples: Explore the vast collection of samples, tutorials, and demos
• Building applications: Use the Dioxus CLI to build and bundle apps for various platforms
• Liveview: Build custom liveview components that simplify datafetching on all platforms
• State management: Easily add powerful state management that comes integrated with Dioxus Core
• Concurrency: Drop in async where it fits and suspend components until new data is ready
• 1st party hooks: Cross-platform router hook
• Community hooks: 3D renderers

Blog Posts

• [Why we need a stronger typed web]()
• [Isomorphic webapps in 10 minutes]()
• [Rust is high level too]()
• [Eliminating crashes with Rust webapps]()
• [Tailwind for Dioxus]()
• [The monoglot startup]()

© 2025 Gogs

页面: 76ms 模板: 2ms

简体中文

简体中文 English 繁體中文（香港） 繁體中文（臺灣） Deutsch français Nederlands latviešu русский 日本語 español português do Brasil polski български italiano suomi Türkçe čeština српски svenska 한국어 galego українська English (United Kingdom) Magyar Slovenčina Indonesian Persian Vietnamese Português Монгол Română

Javascript Licenses 官方网站

Web	Desktop	Mobile	State Management	Docs	Tools