# Leptos — Build Fast Web Applications with Rust

> Leptos is a full-stack Rust web framework with fine-grained reactivity. Compiles to WebAssembly for the client and runs server functions natively. Signals-based reactivity (like SolidJS), server-side rendering, and hydration.

## Install

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

## Quick Use

```bash
cargo install cargo-leptos
cargo leptos new my_app
cd my_app
cargo leptos watch                          # Dev server with SSR + WASM
cargo leptos build --release                # Production build
```

```rust
use leptos::prelude::*;

#[component]
fn App() -> impl IntoView {
    let (count, set_count) = signal(0);

    view! {
        <h1>"Count: " {count}</h1>
        <button on:click=move |_| set_count.update(|n| *n += 1)>
            "Click me"
        </button>
    }
}

fn main() {
    mount_to_body(App);
}
```

## Intro

Leptos is a full-stack Rust web framework with fine-grained reactivity, inspired by SolidJS. Components compile to WebAssembly for the client and run natively on the server. Server functions, streaming SSR, hydration, and Actix/Axum integration. Created by Greg Johnston.

- **Repo**: https://github.com/leptos-rs/leptos
- **Stars**: 20K+
- **Language**: Rust
- **License**: MIT

## What Leptos Does

- **Fine-grained reactivity** — signals (like SolidJS, not VDOM)
- **SSR** — server-side rendering with streaming
- **Hydration** — pick up server-rendered HTML on client
- **Server functions** — `#[server]` functions called from client
- **Routing** — file-based or declarative
- **Suspense** — async data loading boundaries
- **Islands** — partial hydration for minimal WASM
- **Actix or Axum** — server integration

## Comparison

| Framework | Reactivity | SSR | WASM |
|---|---|---|---|
| Leptos | Signals | Streaming | Yes |
| Dioxus | Signals | Yes | Yes |
| Yew | VDOM | Yes | Yes |
| SolidJS | Signals | Yes | No (JS) |

## FAQ

**Q: Why choose signals over VDOM?**
A: Signals only update the DOM nodes that change (O(1)); VDOM needs to diff the entire tree (O(n)). Better performance and a smaller WASM bundle.

**Q: Similar to SolidJS?**
A: Very similar. Leptos' API design is heavily inspired by SolidJS, but it's full-stack Rust (type safety + WASM performance).

## Sources

- Docs: https://leptos.dev
- GitHub: https://github.com/leptos-rs/leptos
- License: MIT

---
Source: https://tokrepo.com/en/workflows/leptos-build-fast-web-applications-rust-ce6e1c12
Author: AI Open Source