Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-yew

😎 A curated list of awesome things related to Yew / WebAssembly.
https://github.com/jetli/awesome-yew

Last synced: 5 days ago
JSON representation

  • Articles

  • Official

    • Live demo - A todomvc demo.
    • Examples - Smaller examples included in official repo.
    • API Docs - Docs on docs.rs.
    • Website - Official website.
    • Chatroom - It is pretty active and is a great place to ask questions.
    • Reddit - Dedicated Sub Reddit.
    • Financial Contribute - Become a financial contributor and help us sustain our community.
    • Playground - Online playground for Yew.
    • Live demo - A todomvc demo.
    • Yew - Rust / WebAssembly framework for building client web apps.

  • Projects

    • mb2 - A poker server with a Yew client. Click the `Demo` button and then `Start` to see the client.
    • Kiomet - An online real-time strategy game in which you expand your territory by capturing towers.
    • Taxy - A reverse proxy server with built-in WebUI, supporting TCP/HTTP/TLS/WebSocket, written in Rust.
    • Realworld example - 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](https://github.com/tauri-apps/tauri).
    • webapp.rs - A web application completely written in Rust, frontend is built with Yew.
    • Rust-Full-Stack - Easily testable and working Rust codes with blog posts to explain them.
    • Bucket Questions - A webapp written entirely in Rust for a dumb party game.
    • web-view todomvc desktop app - Demo how to use yew for a todomvc that compiles to WebAssembly and is bundled as a lightweight(~2mb) desktop app by [web-view](https://github.com/Boscop/web-view), as an alternative to Electron, [web-view](https://github.com/Boscop/web-view) also has a [demo](https://github.com/Boscop/web-view/tree/master/examples#todo-yew).
    • yew-react-example - This project shows how to create a web app using a React component inside a Yew component.
    • Kirk - Just A Rust WebAssembly Blog.
    • rust-async-wasm-demo - Toy project to learn Rust and async that can be deployed to the web.
    • karaoke-rs - A simple, network enabled karaoke player in Rust.
    • I Love Hue! (rs) - A clone of the mobile game I Love Hue in Yew (Rust).
    • yew-styles-page - This is an initial project of a framework style for yew.
    • caniuse.rs - Rust feature search.
    • Rust electron yew demo - An example of building a Rust based web app (Yew) into a native app using electron.
    • covplot - Live graphs of worldwide CoVID-19 data.
    • Minesweeper - Minesweeper built with Rust, Yew and WebAssembly.
    • Freecell - A patience game written in Rust and Yew.
    • Yew-WebRTC-Chat - A simple WebRTC chat made with Yew.
    • Yew Fullstack Boilerplate - Highly opinionated boilerplate for creating full stack applications with Rust.
    • Chord Quiz - Practice recognizing chords in this Rust/Yew/WebAssembly app.
    • RustMart - Single Page Application (SPA) written using Rust, Wasm and Yew.
    • DevAndDev - A website where developers can find pair-programming partners. Written in Rust, Yew frontend.
    • yew-octicons - An easy interface for using Octicons in Yew projects.
    • Pipe - This is a Rust / Wasm client web app which is a task control center.
    • note-to-yew - Convert your markups into Yew macro online, which is also made by Yew.
    • ASCII-Hangman - Configurable Hangman game for children with ASCII-art rewarding.
    • dotdotyew - [Dot-voting](https://en.wikipedia.org/wiki/Dot-voting) using Yew, with Rust powering the backend API.
    • wasm-2048 - 2048 game implemented with Rust and Yew and compiled to Wasm.
    • website-wasm - My personal website written in Rust via Yew/Wasm.
    • KeyPress - A Rust WebAssembly Website example for practising english for chinese.
    • yew-train-ticket - A Rust WebAssembly [Webapp](http://118.190.37.169:8002) example basing Yew newest hooks and functional API, the code style is extremely like React Function Component.
    • yew-d3-example - Showing a d3 chart with Yew.
    • Oxfeed - A feed reader written in Rust with a Yew frontend.
    • Flow.er - A notebook app integrated with todo lists utility. Developed with Rust, WebAssembly, Yew and Trunk.
    • Fullstack-Rust - A Full Stack Rust application (Connect5 game) with Actix-web, Yew, Bulma CSS and Diesel.
    • Sea_battle - A simple example of a sea battle game. Rust + Yew.
    • tide-async-graphql-mongodb - Clean boilerplate for graphql services, with wasm/yew frontend.
    • surfer - A blog built on yew + graphql, with [live demo site](https://niqin.com). Backend for graphql services, and frontend for web application.
    • qubit - A handy calculator, based on Rust and WebAssembly, [Live Demo](https://abhimanyu003.github.io/qubit/).
    • Paudle - A reimplementation of the excellent word game Wordle by Josh Wardle.
    • Rust algorithms - A website with interactive implementations of various algorithms.
    • Marc Portfolio - A software developer portfolio, [Live Demo](https://maeurer.dev/).
    • zzhack - A personal blog, based on Rust & Yew, [Live Demo](https://www.zzhack.fun/).
    • Rquote - Rquote is a web application built using Rust and WebAssembly. It fetches Anime quotes from the Animechan API. [Live Demo](https://rquote.vercel.app/).
    • yew-ssr-tide - The example demonstrates Yew server-side rendering with tide & surf, it needs the **development version** of Yew.
    • yew-ssr-actix-web - The example demonstrates Yew server-side rendering with actix-web & reqwest, it needs the **development version** of Yew.
    • PixelGuesser - PixelGuesser is a real life party gam where players try to guess the contents of an image as quickly as possible.
    • We-Come Monorepo - This is a monorepo for wecome KM ITB, [Live Demo](https://wecome-itb.com/).
    • blog-rs - A blog system in which frontend and backend are ALL written in Rust. Backend powered by Warp and frontend built on Yew (WASM).
    • Puzzle Cube - Rubix Cube solver using Rust and Yew, [Live Demo](https://wainwrightmark.github.io/puzzle_cube/).
    • CubeShuffle - Card game shuffling utility built with Rust, Yew, Bulma and Tauri.
    • Rust Audio - Realtime audio processing / synthesis using Rust/WASM in the browser, [Live Demo](https://austintheriot.github.io/audio/).
    • Kiomet - An online real-time strategy game in which you expand your territory by capturing towers.
    • Sumi - Multi-user issue tracking and knowledge base app built with Yew & Actix.
    • Portfolio website - A portfolio SPA with accessibility built-in by Spencer Imbleau.
    • tchatche.rs - A Websocket chat based application built in Yew and Axum.
    • viz.rs - A website for viz web framework, [Live Demo](https://viz.rs/).
    • theiskaa.com - A real world implementation of Yew framework. [Live at theiskaa.com](https://theiskaa.com).
    • live-ask.com - Realtime Event/Meetup Q&A Platform. [Live at live-ask.com](https://live-ask.com).
    • hurlurl - A randomizing link shortener, [Live Demo](https://hurlurl.com/).
    • Macige - CI workflow generator for mobile app development, [Live Demo](https://macige.tramline.app).
    • Spaceman - Spaceman is a cross-platform gRPC client designed to be pleasant to use and pretty to look at.
    • Crypto-helper - Web app that can hash, encrypt, and sign the data on the client side. Also includes a JWT debugger. [Website](https://crypto.qkation.com).
    • Ubiquity - An open-source, cross-platform markdown editor; built with Yew, Tauri, Tailwind, and DaisyUI. [Web App](https://ubiquity.rs).
    • RustedLessPass - A stateless password manager. [Web App](https://rustedlesspass.github.io/).
    • windows-terminal-theme-generator - Simplify your life to create a windows terminal theme. [Live Demo](https://windows-terminal-theme-generator.netlify.app/)
    • SandCat - 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 - 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.
    • 0721 - The engine of image hosting written in Rust.
    • Hikari - The Frontend of Everything.
    • simply-view-image-for-python-debugging - Visual studio code extension simply view the image of the image variables when debugging python.
    • Mindsweeper - A principled take on minesweeper, [Live Demo](https://alexbuz.github.io/mindsweeper/).
    • scap-rs - National Vulnerability Database (NVD) implemented by Rust, [Live Demo](https://scap.kali-team.cn/).
    • Sentry Relay - The Sentry Relay is a service that pushes some functionality from the Sentry SDKs as well as the Sentry server into a proxy process.
    • Syre - Scientific data management and insights.
    • candle-wasm-examples - 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](https://huggingface.co/spaces/lmz/candle-whisper), [LLaMA2](https://huggingface.co/spaces/lmz/candle-llama2), [T5](https://huggingface.co/spaces/radames/Candle-T5-Generation-Wasm), [yolo](https://huggingface.co/spaces/lmz/candle-yolo), [Segment
    • chipbox - chipbox is an open-source desktop DAW written in Rust.
    • Proxelar - Rust-based Man in the Middle proxy, an early-stage project aimed at providing visibility into network traffic.
    • diff.rs - Web application to render a diff between Rust crate versions. Implemented in Yew, runs fully in the browser as WebAssembly, [Live Demo](https://diff.rs).
    • demo_web_zip_wasm - A simple example program for creating ZIP archives running in the browser using WebAssembly, [Live Demo](https://mae664128.github.io/demo_web_zip_wasm/).
    • konnektoren.help - An interactive web application for learning German grammar, featuring gamified challenges and a map-based interface. [Web App](https://konnektoren.help)

  • Books

  • Templates

  • Crates

    • Component Libraries

      • yew-mdc - Material Design Components for the Yew framework.
      • muicss-yew - MUI-CSS Components for Yew framework.
      • yew-bulma - A Rust library providing components based on the bulma css library for projects using Yew.
      • material-yew - Yew wrapper for Material Web Components.
      • Yewprint - Port of blueprintjs.com to Yew.
      • ybc - A Yew component library based on the Bulma CSS framework.
      • yew-feather - Feather Icons components for Yew.
      • tailwind-yew-builder - Builds Tailwind CSS for Yew using docker-compose. Also supports Trunk.
      • yew-components - Material Design Components for the Yew framework.
      • yew-chart - A Yew-based charting library that provides SVG based components for rendering charts.
      • tailyew - Yew wrapper around DaisyUI (tailwindcss based) components.
      • yew-duskmoon-ui - Duskmoon UI Component Library. This package use `stylist` to embbed css in components, so no extra CSS file is needed. [Live Demo](https://gsmlg-dev.github.io/yew-duskmoon-ui/).
      • yew-bootstrap - A Yew wrapper for the Bootstrap 5 component library.
      • Zu - Yew web components, implementing Material Design.
      • yew-nav-link - A navigational link that is aware of its active state based on the current route in the application.

    • Components

      • Yew Form - Components to simplify handling forms with Yew.
      • yew-component-size - A Yew component that emits events when the parent component changes width/height.
      • yew-virtual-scroller - A Yew component for virtual scrolling / scroll windowing.
      • yew-oauth2 - A plain Yew OAuth2/OpenIDConnect component, not tied to any CSS framework.
      • yew-scroll-area - Custom scroll area for Yew.

    • Hooks

      • yew-hooks - Custom Hooks library for Yew, inspired by [streamich/react-use](https://github.com/streamich/react-use) and [alibaba/hooks](https://github.com/alibaba/hooks).
      • yew-side-effect - Reconcile Side Effects in Yew Applications, inspired by [react-side-effect](https://github.com/gaearon/react-side-effect) and [react-helmet](https://github.com/nfl/react-helmet).
      • Bounce - The uncomplicated state management library for Yew, inspired by [Redux](https://github.com/reduxjs/redux) and [Recoil](https://github.com/facebookexperimental/Recoil).
      • yewv - A lightning fast state management module for Yew built with performance and simplicity as a first priority.

    • Javascript Library Ports

      • ag-grid-rs - Rust bindings for the [AG Grid](https://www.ag-grid.com/javascript-data-grid/) datatable library.
      • popper-rs - [Popper JS](https://popper.js.org/) bindings for Rust.
      • Plotly.rs - Rust bindings for the popular [Plotly](https://plotly.com/javascript/) charting library.

    • Utils

      • Yewdux - Redux-like state containers for Yew apps.
      • reacty_yew - Generate Yew components from React components via Typescript type definitions.
      • styled-yew - CSS in Rust, similar to styled-components, but for Yew.
      • stylist-rs - A CSS-in-Rust styling solution for WebAssembly Applications.
      • Yew Interop - Load JavaScript and CSS asynchronously in Yew.
      • Tailwind RS - Tailwind style tracer in rust, JIT + AOT interpreter.
      • yew-style-in-rs - Scoped CSS in Rust for Yew.
      • yew_icons - Easily include a variety of svg icons(Feather/Font Awesome/Octicons) into your Yew app.
      • Yew-Template - A crate for separating HTML and Rust code when using Yew.
      • yew-nested-router - A router that supported nesting, with Yew 0.20.
      • turf - Macro based compile-time SCSS transpilation, CSS minification, and class name uniquification toolchain inspired by CSS modules.
      • browser-panic-hook - A panic handler for browser environments, allowing to fail in an end-user friendly way.

    • Wasm

      • wasm-bindgen - Facilitating high-level interactions between WebAssembly modules and JavaScript.
      • stdweb - Provides Rust bindings to the Web APIs and to allow a high degree of interoperability between Rust and JavaScript.
      • tauri-sys - Raw bindings to the Tauri API for projects using wasm-bindgen.

    • Frameworks

      • stackable - A framework experience for Yew.

  • Tooling

    • Frameworks

      • wasm-pack - Your favorite Rust -> WebAssembly workflow tool.
      • wasm-pack-action - Github action to install `wasm-pack` by downloading the executable to speed up CI/CD.
      • wasm-bindgen-action - Github action to install `wasm-bindgen` by downloading the executable to speed up CI/CD.
      • cargo-web - A Cargo subcommand for the client-side Web.
      • trunk-action - Github action to install `Trunk` by downloading the executable to speed up CI/CD.
      • wabt - The WebAssembly Binary Toolkit, for the `wasm-strip` and `wasm-objdump` tools to reduce .wasm file size.
      • binaryen - Compiler infrastructure and toolchain library for WebAssembly, for the `wasm-opt` tool to reduce .wasm file size.
      • Tauri - 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.
      • yew-fmt - A configurable extension to `rustfmt` for formatting Yew HTML.

  • Courses

  • Alternatives

    • Frameworks

      • Draco - A Rust library for building client side web applications with WebAssembly.
      • Percy - A modular toolkit for building isomorphic web apps with Rust + WebAssembly.
      • Sauron - Sauron is an HTML web framework for building web-apps.
      • Seed - A Rust framework for creating web apps.
      • Smithy - A framework for building WebAssembly apps in Rust.
      • Sycamore - A reactive library for creating web apps in Rust and WebAssembly.
      • Leptos - Build fast web applications with Rust.
      • Dioxus - Elegant React-like library for building user interfaces for desktop, web, mobile, SSR, liveview, and more.
Programming Languages
Rust 139 JavaScript 4 TypeScript 3 WebAssembly 1 C++ 1 Dockerfile 1 HTML 1 CSS 1 MDX 1
Categories
Projects 83 Crates 43 Articles 16 Templates 11 Official 10 Tooling 9 Alternatives 8 Books 6 Related lists 3 Courses 1
Sub Categories
Frameworks 44 Component Libraries 15 Utils 12 Components 5 Hooks 4 Javascript Library Ports 3 Wasm 3
Keywords
rust 80 yew 63 wasm 48 webassembly 27 web 14 wasm-bindgen 6 rust-lang 6 tauri 6 frontend 5 website 5 css 5 actix-web 5 react 5 yew-framework 4 desktop 4 ssr 4 emscripten 4 html 3 daisyui 3 tailwind 3 gui 3 yew-components 3 asmjs 3 jwt-auth 2 async-graphql 2 mongodb 2 state-management 2 rhai 2 virtual-dom 2 state 2 store 2 javascript 2 rust-wasm 2 webasm 2 music 2 webview 2 surf 2 tide 2 icons 2 material-design 2 tailwindcss 2 trunk 2 wasm-pack 2 yew-router 2 bootstrap 2 axum 2 framework 2 scss 2 android 2 ios 2