# Dioxus — Full-Stack App Framework for Web, Desktop, and Mobile

> Dioxus is a full-stack app framework for Rust with a React-like API. Build web (WASM), desktop (native WebView), mobile (iOS/Android), TUI, and server-rendered apps from one codebase. Hooks, components, server functions, and hot reloading.

## Install

Save the content below to `.claude/skills/` or append to your `CLAUDE.md`:

## Quick Use

```bash
cargo install dioxus-cli
dx new my_app
cd my_app
dx serve                                    # Web dev server
dx serve --platform desktop                 # Desktop
```

```rust
use dioxus::prelude::*;

fn main() {
    launch(App);
}

#[component]
fn App() -> Element {
    let mut count = use_signal(|| 0);

    rsx! {
        h1 { "Counter: {count}" }
        button { onclick: move |_| count += 1, "Increment" }
        button { onclick: move |_| count -= 1, "Decrement" }
    }
}
```

## Intro

Dioxus is a full-stack app framework for Rust inspired by React. Write components with hooks and JSX-like syntax (rsx! macro), deploy to web (WASM), desktop (WebView), mobile (iOS/Android), TUI, and server. Created by Jonathan Kelley.

- **Repo**: https://github.com/DioxusLabs/dioxus
- **Stars**: 35K+
- **Language**: Rust
- **License**: Apache 2.0 + MIT

## What Dioxus Does

- **React-like API** — components, hooks, context, props
- **rsx! macro** — JSX-like syntax in Rust
- **Multi-platform** — web, desktop, mobile, TUI, server
- **Server functions** — call server code from client (like Next.js server actions)
- **Signals** — fine-grained reactivity
- **Hot reloading** — rsx! changes reload instantly
- **Router** — file-based or declarative routing
- **Fullstack** — SSR, hydration, streaming

## Comparison

| Framework | Language | Platforms | Reactivity |
|---|---|---|---|
| Dioxus | Rust | Web, Desktop, Mobile, TUI | Signals |
| Leptos | Rust | Web (SSR + WASM) | Signals |
| Yew | Rust | Web (WASM) | VDOM |
| Tauri | Rust + JS | Desktop, Mobile | Frontend FW |
| React | JavaScript | Web | VDOM |

## FAQ

**Q: Dioxus vs Leptos?**
A: Dioxus covers more platforms (desktop, mobile, TUI) with an API closer to React; Leptos focuses on web, feels more like SolidJS, and has more mature SSR.

**Q: Production ready?**
A: v0.6+ is usable for production web projects. Desktop and Mobile platforms are still being polished.

## Sources

- Docs: https://dioxuslabs.com/learn
- GitHub: https://github.com/DioxusLabs/dioxus
- License: Apache 2.0 + MIT

---
Source: https://tokrepo.com/en/workflows/dioxus-full-stack-app-framework-web-desktop-mobile-ce6e125e
Author: Script Depot