Yew
Rust framework inspired by Elm and React for creating multi-threaded frontend web apps with WebAssembly.
Contents
Projects
Exemplary real world app built with Rust + Yew + WebAssembly. It utilizes Yew's latest function components and hooks. It also supports desktop application powered by Tauri.
A web application completely written in Rust, frontend is built with Yew.
Easily testable and working Rust codes with blog posts to explain them.
A webapp written entirely in Rust for a dumb party game.
Demo how to use yew for a todomvc that compiles to WebAssembly and is bundled as a lightweight(~2mb) desktop app by web-view, as an alternative to Electron, web-view also has a demo.
This project shows how to create a web app using a React component inside a Yew component.
Just A Rust WebAssembly Blog.
Toy project to learn Rust and async that can be deployed to the web.
A simple, network enabled karaoke player in Rust.
A clone of the mobile game I Love Hue in Yew (Rust).
This is an initial project of a framework style for yew.
Rust feature search.
An example of building a Rust based web app (Yew) into a native app using electron.
Live graphs of worldwide CoVID-19 data.
Minesweeper built with Rust, Yew and WebAssembly.
A patience game written in Rust and Yew.
A simple WebRTC chat made with Yew.
Highly opinionated boilerplate for creating full stack applications with Rust.
Practice recognizing chords in this Rust/Yew/WebAssembly app.
Single Page Application (SPA) written using Rust, Wasm and Yew.
A website where developers can find pair-programming partners. Written in Rust, Yew frontend.
An easy interface for using Octicons in Yew projects.
This is a Rust / Wasm client web app which is a task control center.
Convert your markups into Yew macro online, which is also made by Yew.
Configurable Hangman game for children with ASCII-art rewarding.
Dot-voting using Yew, with Rust powering the backend API.
2048 game implemented with Rust and Yew and compiled to Wasm.
My personal website written in Rust via Yew/Wasm.
A Rust WebAssembly Website example for practising english for chinese.
A Rust WebAssembly Webapp example basing Yew newest hooks and functional API, the code style is extremely like React Function Component.
Showing a d3 chart with Yew.
A feed reader written in Rust with a Yew frontend.
A notebook app integrated with todo lists utility. Developed with Rust, WebAssembly, Yew and Trunk.
A Full Stack Rust application (Connect5 game) with Actix-web, Yew, Bulma CSS and Diesel.
A simple example of a sea battle game. Rust + Yew.
Clean boilerplate for graphql services, with wasm/yew frontend.
A blog built on yew + graphql, with live demo site. Backend for graphql services, and frontend for web application.
A reimplementation of the excellent word game Wordle by Josh Wardle.
A website with interactive implementations of various algorithms.
A personal blog, based on Rust & Yew, Live Demo.
Rquote is a web application built using Rust and WebAssembly. It fetches Anime quotes from the Animechan API. Live Demo.
The example demonstrates Yew server-side rendering with tide & surf, it needs the development version of Yew.
The example demonstrates Yew server-side rendering with actix-web & reqwest, it needs the development version of Yew.
PixelGuesser is a real life party gam where players try to guess the contents of an image as quickly as possible.
A speedtyping web app written in Rust.
This is a monorepo for wecome KM ITB, Live Demo.
A blog system in which frontend and backend are ALL written in Rust. Backend powered by Warp and frontend built on Yew (WASM).
Rubix Cube solver using Rust and Yew, Live Demo.
Card game shuffling utility built with Rust, Yew, Bulma and Tauri.
Realtime audio processing / synthesis using Rust/WASM in the browser, Live Demo.
An online real-time strategy game in which you expand your territory by capturing towers.
A portfolio SPA with accessibility built-in by Spencer Imbleau.
A Websocket chat based application built in Yew and Axum.
A website for viz web framework, Live Demo.
A real world implementation of Yew framework. Live at theiskaa.com.
Realtime Event/Meetup Q&A Platform. Live at live-ask.com.
Multi-user issue tracking and knowledge base app built with Yew & Actix.
A randomizing link shortener, Live Demo.
CI workflow generator for mobile app development, Live Demo.
Spaceman is a cross-platform gRPC client designed to be pleasant to use and pretty to look at.
Web app that can hash, encrypt, and sign the data on the client side. Also includes a JWT debugger. Website.
Zoom clone written in rust for research purposes.
An open-source, cross-platform markdown editor; built with Yew, Tauri, Tailwind, and DaisyUI. Web App.
A simple example program for creating ZIP archives running in the browser using WebAssembly, Live Demo.
A stateless password manager. Web App.
The software has primarily implemented the basic functionalities of an IM application, which includes a fundamental friend system, one-on-one chat, group chat, and one-on-one audio/video calls. It also supports i18n and currently offers a switch between Chinese and English.
PinePods is a Rust based podcast management system that manages podcasts with multi-user support and relies on a central database with clients to connect to it.
The engine of image hosting written in Rust.
The Frontend of Everything.
Visual studio code extension simply view the image of the image variables when debugging python.
A principled take on minesweeper, Live Demo.
National Vulnerability Database (NVD) implemented by Rust, Live Demo.
The Sentry Relay is a service that pushes some functionality from the Sentry SDKs as well as the Sentry server into a proxy process.
Scientific data management and insights.
Candle is a minimalist ML framework for Rust with a focus on performance (including GPU support) and ease of use. Try our online demos: whisper, LLaMA2, T5, yolo, Segment Anything.
chipbox is an open-source desktop DAW written in Rust.
A reverse proxy server with built-in WebUI, supporting TCP/HTTP/TLS/WebSocket, written in Rust.
Rust-based Man in the Middle proxy, an early-stage project aimed at providing visibility into network traffic.
Web application to render a diff between Rust crate versions. Implemented in Yew, runs fully in the browser as WebAssembly, Live Demo.
An interactive web application for learning German grammar, featuring gamified challenges and a map-based interface. Web App
Secure firmware framework focusing on developer experience.
Apache Iggy: Hyper-Efficient Message Streaming at Laser Speed.
Simplify your life to create a windows terminal theme. Live Demo
Templates
Set up a modern Yew web app by running one command, npx create-yew-app my-app.
A template for starting a Yew project to be used with wasm-pack.
A minimal template for starting a Yew project using wasm-bindgen and wasm-pack.
Awesome Yew with Yew-Router and Parcel application.
Directly deployable Template of yew project for github.io, using tailwind and webpack for css, trunk for build and serve.
Simple layout for using Tailwindcss with Yew.
A starter project that sets up Axum and Yew for full stack Rust web apps.
Rust + Yew + Axum + Tauri, full-stack Rust development for Desktop apps.
A minimal Progressive Web App using Yew.
Yew template with a simple HTTP message & useful helper comments.
A minimalistic template for quickly starting a project on yew.
Crates
Component Libraries
Material Design Components for the Yew framework.
MUI-CSS Components for Yew framework.
A Rust library providing components based on the bulma css library for projects using Yew.
Yew wrapper for Material Web Components.
Port of blueprintjs.com to Yew.
A Yew component library based on the Bulma CSS framework.
Patternfly components for Yew.
Feather Icons components for Yew.
Builds Tailwind CSS for Yew using docker-compose. Also supports Trunk.
Material Design Components for the Yew framework.
A Yew-based charting library that provides SVG based components for rendering charts.
Yew wrapper around DaisyUI (tailwindcss based) components.
Duskmoon UI Component Library. This package use stylist to embbed css in components, so no extra CSS file is needed. Live Demo.
A Yew wrapper for the Bootstrap 5 component library.
Yew web components, implementing Material Design.
A navigational link that is aware of its active state based on the current route in the application.
Yew port of Lucide, a beautiful & consistent icon toolkit made by the community.
Yew port of Radix, a library of components, icons, colors, and templates for building high-quality, accessible UI.
Yew port of shadcn/ui, a library of beautifully designed components that you can copy and paste into your apps.
Components
Components to simplify handling forms with Yew.
A Yew component that emits events when the parent component changes width/height.
A Yew component for virtual scrolling / scroll windowing.
A plain Yew OAuth2/OpenIDConnect component, not tied to any CSS framework.
Custom scroll area for Yew.
Hooks
Custom Hooks library for Yew, inspired by streamich/react-use and alibaba/hooks.
Reconcile Side Effects in Yew Applications, inspired by react-side-effect and react-helmet.
The uncomplicated state management library for Yew, inspired by Redux and Recoil.
A lightning fast state management module for Yew built with performance and simplicity as a first priority.
Javascript Library Ports
Utils
Redux-like state containers for Yew apps.
Generate Yew components from React components via Typescript type definitions.
CSS in Rust, similar to styled-components, but for Yew.
A CSS-in-Rust styling solution for WebAssembly Applications.
Load JavaScript and CSS asynchronously in Yew.
Tailwind style tracer in rust, JIT + AOT interpreter.
Scoped CSS in Rust for Yew.
Easily include a variety of svg icons(Feather/Font Awesome/Octicons) into your Yew app.
A crate for separating HTML and Rust code when using Yew.
A router that supported nesting, with Yew 0.20.
Macro based compile-time SCSS transpilation, CSS minification, and class name uniquification toolchain inspired by CSS modules.
A panic handler for browser environments, allowing to fail in an end-user friendly way.
Wasm
Facilitating high-level interactions between WebAssembly modules and JavaScript.
Provides Rust bindings to the Web APIs and to allow a high degree of interoperability between Rust and JavaScript.
Raw bindings to the Tauri API for projects using wasm-bindgen.
Tooling
Your favorite Rust -> WebAssembly workflow tool.
Github action to install wasm-pack by downloading the executable to speed up CI/CD.
Github action to install wasm-bindgen by downloading the executable to speed up CI/CD.
A Cargo subcommand for the client-side Web.
Build, bundle & ship your Rust Wasm application to the web.
Github action to install Trunk by downloading the executable to speed up CI/CD.
The WebAssembly Binary Toolkit, for the wasm-strip and wasm-objdump tools to reduce .wasm file size.
Compiler infrastructure and toolchain library for WebAssembly, for the wasm-opt tool to reduce .wasm file size.
Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front-end can interact with.
A configurable extension to rustfmt for formatting Yew HTML.
Courses
Alternatives
A Rust library for building client side web applications with WebAssembly.
A modular toolkit for building isomorphic web apps with Rust + WebAssembly.
Sauron is an HTML web framework for building web-apps.
A Rust framework for creating web apps.
A framework for building WebAssembly apps in Rust.
Elegant React-like library for building user interfaces for desktop, web, mobile, SSR, liveview, and more.
A reactive library for creating web apps in Rust and WebAssembly.
Build fast web applications with Rust.