9 releases

0.9.0-beta.2 Oct 6, 2023
0.9.0-beta.1 Mar 26, 2023
0.8.0 Aug 28, 2022
0.8.0-beta.7 Jun 26, 2022
0.8.0-beta.2 Feb 6, 2022

#1145 in WebAssembly

Download history 328/week @ 2023-12-11 320/week @ 2023-12-18 230/week @ 2023-12-25 211/week @ 2024-01-01 395/week @ 2024-01-08 242/week @ 2024-01-15 366/week @ 2024-01-22 245/week @ 2024-01-29 247/week @ 2024-02-05 328/week @ 2024-02-12 219/week @ 2024-02-19 298/week @ 2024-02-26 235/week @ 2024-03-04 258/week @ 2024-03-11 279/week @ 2024-03-18 347/week @ 2024-03-25

1,175 downloads per month
Used in 11 crates (2 directly)

MIT license

105KB
2K SLoC

Sycamore

Crates.io docs.rs GitHub contributors Discord

Sycamore is a reactive library for creating web apps in Rust and WebAssembly.

#[component]
fn Hello<G: Html>() -> View<G> {
    view! { 
        p { "Hello World!" }
    }
}
  • Lightning Speed: Sycamore harnesses the full power of Rust via WebAssembly, giving you full control over performance.
  • Ergonomic and Intuitive: Write code that feels natural. Everything is built on reactive primitives without a cumbersome virtual DOM.
  • No JavaScript: Had enough of JavaScript? So have we. Create apps using Sycamore without touching a single line of JS.

Documentation

Sycamore is extensively documented:

Still have questions? Don't hesitate to stop by our friendly Discord server.

Examples

Sycamore has many examples for your reference in the examples/ directory. Be sure to check them out!

Viewing on sycamore-rs.netlify.app

All the examples are hosted under sycamore-rs.netlify.app/examples/<example_name> with <example_name> being the name of the example you want to view. For instance, the todomvc example is hosted on sycamore-rs.netlify.app/examples/todomvc.

Building Locally

All the examples can also be built locally using Trunk. For instance, the following command builds and serves the todomvc example:

cd examples/todomvc
trunk serve

Now open up localhost:8080 in your browser to see "Hello World!".

Perseus

Perseus is a fullstack framework built with Sycamore. Think NextJS or SvelteKit but with no JavaScript. Everything from backend to frontend is built with pure Rust!

Alternatives?

Don't think Sycamore is for you? Thankfully, there are plenty of alternatives!

  • SolidJS: A declarative, efficient and flexible JavaScript library for building user interfaces
    Solid is a JavaScript library which greatly inspired Sycamore. Many concepts such as fine-grained reactivity and components as factory functions were borrowed from Solid. If you don't mind working with JavaScript (or TypeScript), go check it out!
  • Yew: Rust / Wasm framework for building client web apps
    Yew was also a big inspiration for Sycamore. Yew employs a VDOM and has a MVU (Elm) architecture. If you think that's for you, take a look!
  • MoonZoon: Rust Fullstack Framework
    MoonZoon also champions the no VDOM paradigm and uses dominator as its underlying DOM layer. MoonZoon is a fullstack framework making it easier to combine frontend and backend code with minimal boilerplate.

Contributing

Sycamore would not have been possible without the wonderful contributions from the community. Thank you!

Special thanks to @nate-sys for designing the Sycamore logo!

Dependencies

~1.4–4.5MB
~84K SLoC