1 line
No EOL
38 KiB
JSON
1 line
No EOL
38 KiB
JSON
{"slug": "jetli--awesome-yew", "title": "Yew", "description": "\ud83d\ude0e A curated list of awesome things related to Yew / WebAssembly.", "github_url": "https://github.com/jetli/awesome-yew", "stars": "1.6K", "tag": "Front-End Development", "entry_count": 208, "subcategory_count": 8, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "Official", "url": "#official", "description": ""}, {"name": "Projects", "url": "#projects", "description": ""}, {"name": "Templates", "url": "#templates", "description": ""}, {"name": "Crates", "url": "#crates", "description": ""}, {"name": "Tooling", "url": "#tooling", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Alternatives", "url": "#alternatives", "description": ""}, {"name": "Related lists", "url": "#related-lists", "description": ""}, {"name": "Yew", "url": "https://github.com/yewstack/yew", "description": "Rust / WebAssembly framework for building client web apps.", "stars": "32k"}, {"name": "Live demo", "url": "https://yew-todomvc.netlify.com", "description": "A todomvc demo."}, {"name": "Examples", "url": "https://github.com/yewstack/yew/tree/master/examples", "description": "Smaller examples included in official repo.", "stars": "32k"}, {"name": "API Docs", "url": "https://docs.rs/yew", "description": "Docs on docs.rs."}, {"name": "Website", "url": "https://yew.rs/", "description": "Official website."}, {"name": "Chatroom", "url": "https://discord.gg/VQck8X4", "description": "It is pretty active and is a great place to ask questions."}, {"name": "Reddit", "url": "https://www.reddit.com/r/yew_web/", "description": "Dedicated Sub Reddit."}, {"name": "Financial Contribute", "url": "https://opencollective.com/yew", "description": "Become a financial contributor and help us sustain our community."}, {"name": "Playground", "url": "https://play.yew.rs", "description": "Online playground for Yew."}, {"name": "Realworld example", "url": "https://github.com/jetli/rust-yew-realworld-example-app", "description": "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 (\u2b50103k)](https://github.com/tauri-apps/tauri).", "stars": "890"}, {"name": "webapp.rs", "url": "https://github.com/saschagrunert/webapp.rs", "description": "A web application completely written in Rust, frontend is built with Yew.", "stars": "2.2k"}, {"name": "Rust-Full-Stack", "url": "https://github.com/steadylearner/Rust-Full-Stack", "description": "Easily testable and working Rust codes with blog posts to explain them.", "stars": "1.6k"}, {"name": "Bucket Questions", "url": "https://github.com/hgzimmerman/BucketQuestions", "description": "A webapp written entirely in Rust for a dumb party game.", "stars": "5"}, {"name": "web-view todomvc desktop app", "url": "https://github.com/Extrawurst/rust-webview-todomvc-yew", "description": "Demo how to use yew for a todomvc that compiles to WebAssembly and is bundled as a lightweight(\\~2mb) desktop app by [web-view (\u2b501.9k)](https://github.com/Boscop/web-view), as an alternative to Electron, [web-view (\u2b501.9k)](https://github.com/Boscop/web-view) also has a [demo (\u2b501.9k)](https://github.com/Boscop/web-view/tree/master/examples#todo-yew).", "stars": "108"}, {"name": "yew-react-example", "url": "https://github.com/hobofan/yew-react-example", "description": "This project shows how to create a web app using a React component inside a Yew component.", "stars": "66"}, {"name": "Kirk", "url": "https://github.com/stkevintan/Kirk", "description": "Just A Rust WebAssembly Blog.", "stars": "45"}, {"name": "rust-async-wasm-demo", "url": "https://github.com/extraymond/rust-async-wasm-demo", "description": "Toy project to learn Rust and async that can be deployed to the web.", "stars": "47"}, {"name": "karaoke-rs", "url": "https://github.com/tarkah/karaoke-rs", "description": "A simple, network enabled karaoke player in Rust.", "stars": "168"}, {"name": "I Love Hue! (rs)", "url": "https://github.com/noc7c9/i-love-hue-rs", "description": "A clone of the mobile game I Love Hue in Yew (Rust).", "stars": "24"}, {"name": "yew-styles-page", "url": "https://github.com/spielrs/yew-styles-page", "description": "This is an initial project of a framework style for yew.", "stars": "159"}, {"name": "caniuse.rs", "url": "https://github.com/jplatte/caniuse.rs", "description": "Rust feature search.", "stars": "186"}, {"name": "Rust electron yew demo", "url": "https://github.com/Extrawurst/rust-electron-demo", "description": "An example of building a Rust based web app (Yew) into a native app using electron.", "stars": "16"}, {"name": "covplot", "url": "https://github.com/jbowens/covplot", "description": "Live graphs of worldwide CoVID-19 data.", "stars": "21"}, {"name": "Minesweeper", "url": "https://github.com/jgpaiva/minesweeper", "description": "Minesweeper built with Rust, Yew and WebAssembly.", "stars": "38"}, {"name": "Freecell", "url": "https://github.com/Stigjb/freecell", "description": "A patience game written in Rust and Yew.", "stars": "5"}, {"name": "Yew-WebRTC-Chat", "url": "https://github.com/codec-abc/Yew-WebRTC-Chat", "description": "A simple WebRTC chat made with Yew.", "stars": "127"}, {"name": "Yew Fullstack Boilerplate", "url": "https://github.com/lukidoescode/yew-fullstack-boilerplate", "description": "Highly opinionated boilerplate for creating full stack applications with Rust.", "stars": "58"}, {"name": "Chord Quiz", "url": "https://github.com/Stigjb/chord-quiz", "description": "Practice recognizing chords in this Rust/Yew/WebAssembly app.", "stars": "16"}, {"name": "RustMart", "url": "https://github.com/sheshbabu/rustmart-yew-example", "description": "Single Page Application (SPA) written using Rust, Wasm and Yew.", "stars": "272"}, {"name": "DevAndDev", "url": "https://github.com/alepez/devand", "description": "A website where developers can find pair-programming partners. Written in Rust, Yew frontend.", "stars": "41"}, {"name": "yew-octicons", "url": "https://github.com/io12/yew-octicons", "description": "An easy interface for using Octicons in Yew projects.", "stars": "19"}, {"name": "Pipe", "url": "https://github.com/pipe-fun/pipe", "description": "This is a Rust / Wasm client web app which is a task control center.", "stars": "29"}, {"name": "note-to-yew", "url": "https://github.com/oovm/note-to-yew", "description": "Convert your markups into Yew macro online, which is also made by Yew.", "stars": "3"}, {"name": "ASCII-Hangman", "url": "https://github.com/getreu/ascii-hangman", "description": "Configurable Hangman game for children with ASCII-art rewarding.", "stars": "8"}, {"name": "dotdotyew", "url": "https://github.com/shaunbennett/dotdotyew", "description": "[Dot-voting](https://en.wikipedia.org/wiki/Dot-voting) using Yew, with Rust powering the backend API.", "stars": "4"}, {"name": "wasm-2048", "url": "https://github.com/dev-family/wasm-2048", "description": "2048 game implemented with Rust and Yew and compiled to Wasm.", "stars": "153"}, {"name": "website-wasm", "url": "https://github.com/kamiyaa/website-wasm", "description": "My personal website written in Rust via Yew/Wasm.", "stars": "58"}, {"name": "KeyPress", "url": "https://github.com/rayylee/keypress", "description": "A Rust WebAssembly Website example for practising english for chinese.", "stars": "9"}, {"name": "yew-train-ticket", "url": "https://github.com/anthhub/yew-train-ticket", "description": "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.", "stars": "4"}, {"name": "yew-d3-example", "url": "https://github.com/ivanschuetz/yew-d3-example", "description": "Showing a d3 chart with Yew.", "stars": "24"}, {"name": "Oxfeed", "url": "https://github.com/sanpii/oxfeed", "description": "A feed reader written in Rust with a Yew frontend.", "stars": "14"}, {"name": "Flow.er", "url": "https://github.com/LighghtEeloo/flow.er", "description": "A notebook app integrated with todo lists utility. Developed with Rust, WebAssembly, Yew and Trunk.", "stars": "56"}, {"name": "Fullstack-Rust", "url": "https://github.com/vascokk/fullstack-rust", "description": "A Full Stack Rust application (Connect5 game) with Actix-web, Yew, Bulma CSS and Diesel.", "stars": "95"}, {"name": "Sea\\_battle", "url": "https://github.com/MAE664128/sea_battle", "description": "A simple example of a sea battle game. Rust + Yew.", "stars": "1"}, {"name": "tide-async-graphql-mongodb", "url": "https://github.com/zzy/tide-async-graphql-mongodb", "description": "Clean boilerplate for graphql services, with wasm/yew frontend.", "stars": "45"}, {"name": "surfer", "url": "https://github.com/zzy/surfer", "description": "A blog built on yew + graphql, with [live demo site](https://niqin.com). Backend for graphql services, and frontend for web application.", "stars": "52"}, {"name": "qubit", "url": "https://abhimanyu003.github.io/qubit", "description": "A handy calculator, based on Rust and WebAssembly, [Live Demo](https://abhimanyu003.github.io/qubit/)."}, {"name": "Paudle", "url": "https://github.com/pmsanford/paudle", "description": "A reimplementation of the excellent word game Wordle by Josh Wardle.", "stars": "43"}, {"name": "Rust algorithms", "url": "https://github.com/Jondolf/rust-algorithms", "description": "A website with interactive implementations of various algorithms.", "stars": "126"}, {"name": "Marc Portfolio", "url": "https://gitlab.com/marcempunkt/maeurerdev", "description": "A software developer portfolio, [Live Demo](https://maeurer.dev/)."}, {"name": "zzhack", "url": "https://github.com/zzhack-stack/zzhack", "description": "A personal blog, based on Rust & Yew, [Live Demo](https://www.zzhack.fun/).", "stars": "331"}, {"name": "Rquote", "url": "https://github.com/Altair-Bueno/rquote", "description": "Rquote is a web application built using Rust and WebAssembly. It fetches Anime quotes from the Animechan API. [Live Demo](https://rquote.vercel.app/).", "stars": "3"}, {"name": "yew-ssr-tide", "url": "https://github.com/zzy/yew-ssr-tide", "description": "The example demonstrates Yew server-side rendering with tide & surf, it needs the **development version** of Yew.", "stars": "1"}, {"name": "yew-ssr-actix-web", "url": "https://github.com/zzy/yew-ssr-actix-web", "description": "The example demonstrates Yew server-side rendering with actix-web & reqwest, it needs the **development version** of Yew.", "stars": "17"}, {"name": "PixelGuesser", "url": "https://github.com/tdooms/pixelguesser", "description": "PixelGuesser is a real life party gam where players try to guess the contents of an image as quickly as possible."}, {"name": "Crabtyper", "url": "https://github.com/brancobruyneel/crabtyper", "description": "A speedtyping web app written in Rust.", "stars": "187"}, {"name": "We-Come Monorepo", "url": "https://github.com/kabinetkmitb/wecome", "description": "This is a monorepo for wecome KM ITB, [Live Demo](https://wecome-itb.com/).", "stars": "1"}, {"name": "blog-rs", "url": "https://github.com/songday/blog-rs", "description": "A blog system in which frontend and backend are ALL written in Rust. Backend powered by Warp and frontend built on Yew (WASM).", "stars": "62"}, {"name": "mb2", "url": "https://devctm.com", "description": "A poker server with a Yew client. Click the `Demo` button and then `Start` to see the client."}, {"name": "Puzzle Cube", "url": "https://github.com/wainwrightmark/puzzle_cube", "description": "Rubix Cube solver using Rust and Yew, [Live Demo](https://wainwrightmark.github.io/puzzle_cube/).", "stars": "9"}, {"name": "CubeShuffle", "url": "https://github.com/philipborg/CubeShuffle", "description": "Card game shuffling utility built with Rust, Yew, Bulma and Tauri.", "stars": "113"}, {"name": "Rust Audio", "url": "https://github.com/austintheriot/audio", "description": "Realtime audio processing / synthesis using Rust/WASM in the browser, [Live Demo](https://austintheriot.github.io/audio/).", "stars": "56"}, {"name": "Kiomet", "url": "https://github.com/SoftbearStudios/kiomet", "description": "An online real-time strategy game in which you expand your territory by capturing towers.", "stars": "158"}, {"name": "Portfolio website", "url": "https://github.com/simbleau/website", "description": "A portfolio SPA with accessibility built-in by Spencer Imbleau.", "stars": "13"}, {"name": "tchatche.rs", "url": "https://github.com/nag763/tchatchers", "description": "A Websocket chat based application built in Yew and Axum.", "stars": "206"}, {"name": "viz.rs", "url": "https://github.com/viz-rs/viz-rs.github.io", "description": "A website for viz web framework, [Live Demo](https://viz.rs/).", "stars": "0"}, {"name": "theiskaa.com", "url": "https://github.com/theiskaa/theiskaa.com", "description": "A real world implementation of Yew framework. [Live at theiskaa.com](https://theiskaa.com).", "stars": "1"}, {"name": "live-ask.com", "url": "https://github.com/liveask/liveask", "description": "Realtime Event/Meetup Q\\&A Platform. [Live at live-ask.com](https://live-ask.com).", "stars": "104"}, {"name": "Sumi", "url": "https://github.com/vgwidt/sumi", "description": "Multi-user issue tracking and knowledge base app built with Yew & Actix.", "stars": "11"}, {"name": "hurlurl", "url": "https://github.com/lucasmerlin/hurlurl", "description": "A randomizing link shortener, [Live Demo](https://hurlurl.com/).", "stars": "69"}, {"name": "Macige", "url": "https://github.com/tramlinehq/macige", "description": "CI workflow generator for mobile app development, [Live Demo](https://macige.tramline.app).", "stars": "96"}, {"name": "Spaceman", "url": "https://github.com/eliaperantoni/spaceman", "description": "Spaceman is a cross-platform gRPC client designed to be pleasant to use and pretty to look at.", "stars": "374"}, {"name": "Crypto-helper", "url": "https://github.com/TheBestTvarynka/crypto-helper", "description": "Web app that can hash, encrypt, and sign the data on the client side. Also includes a JWT debugger. [Website](https://crypto.qkation.com).", "stars": "41"}, {"name": "zoom-rs", "url": "https://github.com/security-union/zoom-rs", "description": "Zoom clone written in rust for research purposes.", "stars": "1.7k"}, {"name": "Ubiquity", "url": "https://github.com/opensourcecheemsburgers/ubiquity", "description": "An open-source, cross-platform markdown editor; built with Yew, Tauri, Tailwind, and DaisyUI. [Web App](https://ubiquity.rs).", "stars": "300"}, {"name": "demo\\_web\\_zip\\_wasm", "url": "https://github.com/MAE664128/demo_web_zip_wasm", "description": "A simple example program for creating ZIP archives running in the browser using WebAssembly, [Live Demo](https://mae664128.github.io/demo_web_zip_wasm/).", "stars": "6"}, {"name": "RustedLessPass", "url": "https://github.com/RustedLessPass/RustedLessPass", "description": "A stateless password manager. [Web App](https://rustedlesspass.github.io/).", "stars": "77"}, {"name": "windows-terminal-theme-generator", "url": "https://github.com/LelouchFR/windows-terminal-theme-generator/", "description": "Simplify your life to create a windows terminal theme. [Live Demo](https://windows-terminal-theme-generator.netlify.app/)", "stars": "19"}, {"name": "SandCat", "url": "https://github.com/Xu-Mj/sandcat", "description": "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.", "stars": "63"}, {"name": "PinePods", "url": "https://github.com/madeofpendletonwool/PinePods", "description": "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.", "stars": "801"}, {"name": "0721", "url": "https://github.com/langyo/0721", "description": "The engine of image hosting written in Rust.", "stars": "12"}, {"name": "Hikari", "url": "https://github.com/celestia-island/hikari", "description": "The Frontend of Everything.", "stars": "21"}, {"name": "simply-view-image-for-python-debugging", "url": "https://github.com/elazarcoh/simply-view-image-for-python-debugging?tab=readme-ov-file", "description": "Visual studio code extension simply view the image of the image variables when debugging python.", "stars": "71"}, {"name": "Mindsweeper", "url": "https://github.com/AlexBuz/mindsweeper", "description": "A principled take on minesweeper, [Live Demo](https://alexbuz.github.io/mindsweeper/).", "stars": "77"}, {"name": "scap-rs", "url": "https://github.com/emo-crab/scap-rs", "description": "National Vulnerability Database (NVD) implemented by Rust, [Live Demo](https://scap.kali-team.cn/).", "stars": "24"}, {"name": "Sentry Relay", "url": "https://github.com/getsentry/relay", "description": "The Sentry Relay is a service that pushes some functionality from the Sentry SDKs as well as the Sentry server into a proxy process.", "stars": "364"}, {"name": "Syre", "url": "https://github.com/syre-data/syre", "description": "Scientific data management and insights.", "stars": "108"}, {"name": "candle-wasm-examples", "url": "https://github.com/huggingface/candle", "description": "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", "stars": "19k"}, {"name": "chipbox", "url": "https://github.com/chipnertkj/chipbox", "description": "chipbox is an open-source desktop DAW written in Rust.", "stars": "126"}, {"name": "Taxy", "url": "https://github.com/picoHz/taxy/tree/main", "description": "A reverse proxy server with built-in WebUI, supporting TCP/HTTP/TLS/WebSocket, written in Rust.", "stars": "193"}, {"name": "Proxelar", "url": "https://github.com/emanuele-em/proxelar", "description": "Rust-based Man in the Middle proxy, an early-stage project aimed at providing visibility into network traffic.", "stars": "452"}, {"name": "diff.rs", "url": "https://github.com/xfbs/diff.rs", "description": "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).", "stars": "136"}, {"name": "konnektoren.help", "url": "https://github.com/Konnektoren/konnektoren-web-game", "description": "An interactive web application for learning German grammar, featuring gamified challenges and a map-based interface. [Web App](https://konnektoren.help)"}, {"name": "layout-viewer", "url": "https://prideout.net/layout-viewer", "description": "Examine layouts of integrated circuits with zoom and pan controls."}, {"name": "Google Wasefire", "url": "https://github.com/google/wasefire", "description": "Secure firmware framework focusing on developer experience.", "stars": "153"}, {"name": "Apache Iggy", "url": "https://github.com/apache/iggy", "description": "Apache Iggy: Hyper-Efficient Message Streaming at Laser Speed.", "stars": "3.8k"}, {"name": "Create Yew App", "url": "https://github.com/jetli/create-yew-app", "description": "Set up a modern Yew web app by running one command, `npx create-yew-app my-app`.", "stars": "167"}, {"name": "yew-wasm-pack-template", "url": "https://github.com/yewstack/yew-wasm-pack-template", "description": "A template for starting a Yew project to be used with wasm-pack.", "stars": "119"}, {"name": "yew-wasm-pack-minimal", "url": "https://github.com/yewstack/yew-wasm-pack-minimal", "description": "A minimal template for starting a Yew project using wasm-bindgen and wasm-pack.", "stars": "113"}, {"name": "yew-parcel-template", "url": "https://github.com/spielrs/yew-parcel-template", "description": "Awesome Yew with Yew-Router and Parcel application.", "stars": "110"}, {"name": "yew-template-for-github-io", "url": "https://github.com/Ja-sonYun/yew-template-for-github-io", "description": "Directly deployable Template of yew project for github.io, using tailwind and webpack for css, trunk for build and serve.", "stars": "25"}, {"name": "tailwindcss-yew-template", "url": "https://github.com/vvcaw/tailwindcss-yew-template", "description": "Simple layout for using Tailwindcss with Yew.", "stars": "17"}, {"name": "axum-yew-setup", "url": "https://github.com/rksm/axum-yew-setup", "description": "A starter project that sets up Axum and Yew for full stack Rust web apps.", "stars": "144"}, {"name": "rust-yew-axum-tauri-desktop", "url": "https://github.com/jetli/rust-yew-axum-tauri-desktop", "description": "Rust + Yew + Axum + Tauri, full-stack Rust development for Desktop apps.", "stars": "162"}, {"name": "Yew PWA Minimal", "url": "https://github.com/fkohlgrueber/yew-pwa-minimal", "description": "A minimal Progressive Web App using Yew.", "stars": "61"}, {"name": "Yew HTTP Starter", "url": "https://github.com/LeTurt333/yew_http_starter", "description": "Yew template with a simple HTTP message & useful helper comments.", "stars": "4"}, {"name": "Yew minimlistic template", "url": "https://github.com/averichev/yew-starter-template", "description": "A minimalistic template for quickly starting a project on yew.", "stars": "0"}]}, {"name": "Component Libraries", "parent": "Crates", "entries": [{"name": "yew-mdc", "url": "https://github.com/dungeonfog/yew-mdc", "description": "Material Design Components for the Yew framework.", "stars": "61"}, {"name": "muicss-yew", "url": "https://github.com/AlephAlpha/muicss-yew", "description": "MUI-CSS Components for Yew framework.", "stars": "38"}, {"name": "yew-bulma", "url": "https://github.com/kellpossible/yew-bulma", "description": "A Rust library providing components based on the bulma css library for projects using Yew.", "stars": "21"}, {"name": "material-yew", "url": "https://github.com/hamza1311/material-yew", "description": "Yew wrapper for Material Web Components.", "stars": "239"}, {"name": "Yewprint", "url": "https://github.com/yewprint/yewprint", "description": "Port of blueprintjs.com to Yew.", "stars": "454"}, {"name": "ybc", "url": "https://github.com/thedodd/ybc", "description": "A Yew component library based on the Bulma CSS framework.", "stars": "255"}, {"name": "patternfly-yew", "url": "https://github.com/ctron/patternfly-yew", "description": "Patternfly components for Yew.", "stars": "166"}, {"name": "yew-feather", "url": "https://github.com/pedrodesu/yew-feather", "description": "Feather Icons components for Yew.", "stars": "20"}, {"name": "tailwind-yew-builder", "url": "https://github.com/matiu2/tailwind-yew-builder", "description": "Builds Tailwind CSS for Yew using docker-compose. Also supports Trunk.", "stars": "75"}, {"name": "yew-components", "url": "https://github.com/angular-rust/yew-components", "description": "Material Design Components for the Yew framework.", "stars": "63"}, {"name": "yew-chart", "url": "https://github.com/titanclass/yew-chart", "description": "A Yew-based charting library that provides SVG based components for rendering charts.", "stars": "68"}, {"name": "tailyew", "url": "https://github.com/fuzzycloud/tailyew", "description": "Yew wrapper around DaisyUI (tailwindcss based) components.", "stars": "18"}, {"name": "yew-duskmoon-ui", "url": "https://github.com/gsmlg-dev/yew-duskmoon-ui", "description": "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/).", "stars": "6"}, {"name": "yew-bootstrap", "url": "https://github.com/isosphere/yew-bootstrap", "description": "A Yew wrapper for the Bootstrap 5 component library.", "stars": "44"}, {"name": "Zu", "url": "https://github.com/RustVis/zu", "description": "Yew web components, implementing Material Design.", "stars": "10"}, {"name": "yew-nav-link", "url": "https://github.com/RAprogramm/yew-nav-link", "description": "A navigational link that is aware of its active state based on the current route in the application.", "stars": "5"}, {"name": "Rust Lucide", "url": "https://lucide.rustforweb.org", "description": "Yew port of Lucide, a beautiful & consistent icon toolkit made by the community."}, {"name": "Rust Radix", "url": "https://radix.rustforweb.org", "description": "Yew port of Radix, a library of components, icons, colors, and templates for building high-quality, accessible UI."}, {"name": "Rust shadcn/ui", "url": "https://shadcn-ui.rustforweb.org", "description": "Yew port of shadcn/ui, a library of beautifully designed components that you can copy and paste into your apps."}]}, {"name": "Components", "parent": "Crates", "entries": [{"name": "Yew Form", "url": "https://github.com/jfbilodeau/yew_form", "description": "Components to simplify handling forms with Yew.", "stars": "97"}, {"name": "yew-component-size", "url": "https://github.com/AircastDev/yew-component-size", "description": "A Yew component that emits events when the parent component changes width/height.", "stars": "4"}, {"name": "yew-virtual-scroller", "url": "https://github.com/AircastDev/yew-virtual-scroller", "description": "A Yew component for virtual scrolling / scroll windowing.", "stars": "4"}, {"name": "yew-oauth2", "url": "https://github.com/ctron/yew-oauth2/", "description": "A plain Yew OAuth2/OpenIDConnect component, not tied to any CSS framework.", "stars": "48"}, {"name": "yew-scroll-area", "url": "https://github.com/MatchaChoco010/yew-scroll-area", "description": "Custom scroll area for Yew.", "stars": "4"}]}, {"name": "Hooks", "parent": "Crates", "entries": [{"name": "yew-hooks", "url": "https://github.com/jetli/yew-hooks", "description": "Custom Hooks library for Yew, inspired by [streamich/react-use (\u2b5044k)](https://github.com/streamich/react-use) and [alibaba/hooks (\u2b5015k)](https://github.com/alibaba/hooks).", "stars": "177"}, {"name": "yew-side-effect", "url": "https://github.com/futursolo/yew-side-effect", "description": "Reconcile Side Effects in Yew Applications, inspired by [react-side-effect (\u2b501.2k)](https://github.com/gaearon/react-side-effect) and [react-helmet (\u2b5017k)](https://github.com/nfl/react-helmet).", "stars": "5"}, {"name": "Bounce", "url": "https://github.com/bounce-rs/bounce", "description": "The uncomplicated state management library for Yew, inspired by [Redux (\u2b5061k)](https://github.com/reduxjs/redux) and [Recoil (\u2b5020k)](https://github.com/facebookexperimental/Recoil).", "stars": "100"}, {"name": "yewv", "url": "https://github.com/yewv/yewv", "description": "A lightning fast state management module for Yew built with performance and simplicity as a first priority.", "stars": "11"}]}, {"name": "Javascript Library Ports", "parent": "Crates", "entries": [{"name": "Plotly.rs", "url": "https://github.com/igiagkiozis/plotly", "description": "Rust bindings for the popular [Plotly](https://plotly.com/javascript/) charting library.", "stars": "1.4k"}, {"name": "ag-grid-rs", "url": "https://github.com/mfreeborn/ag-grid-rs", "description": "Rust bindings for the [AG Grid](https://www.ag-grid.com/javascript-data-grid/) datatable library.", "stars": "16"}, {"name": "popper-rs", "url": "https://github.com/ctron/popper-rs/", "description": "[Popper JS](https://popper.js.org/) bindings for Rust.", "stars": "5"}]}, {"name": "Utils", "parent": "Crates", "entries": [{"name": "Yewdux", "url": "https://github.com/intendednull/yewdux", "description": "Redux-like state containers for Yew apps.", "stars": "328"}, {"name": "reacty\\_yew", "url": "https://github.com/hobofan/reacty_yew", "description": "Generate Yew components from React components via Typescript type definitions.", "stars": "54"}, {"name": "styled-yew", "url": "https://github.com/IcyDefiance/styled-yew", "description": "CSS in Rust, similar to styled-components, but for Yew.", "stars": "35"}, {"name": "stylist-rs", "url": "https://github.com/futursolo/stylist-rs", "description": "A CSS-in-Rust styling solution for WebAssembly Applications.", "stars": "378"}, {"name": "Yew Interop", "url": "https://github.com/Madoshakalaka/yew-interop", "description": "Load JavaScript and CSS asynchronously in Yew.", "stars": "43"}, {"name": "Tailwind RS", "url": "https://github.com/oovm/tailwind-rs", "description": "Tailwind style tracer in rust, JIT + AOT interpreter.", "stars": "128"}, {"name": "yew-style-in-rs", "url": "https://github.com/MatchaChoco010/yew-style-in-rs", "description": "Scoped CSS in Rust for Yew.", "stars": "23"}, {"name": "yew\\_icons", "url": "https://github.com/finnbear/yew_icons", "description": "Easily include a variety of svg icons(Feather/Font Awesome/Octicons) into your Yew app.", "stars": "45"}, {"name": "Yew-Template", "url": "https://github.com/INSAgenda/yew-template", "description": "A crate for separating HTML and Rust code when using Yew.", "stars": "44"}, {"name": "yew-nested-router", "url": "https://github.com/ctron/yew-nested-router", "description": "A router that supported nesting, with Yew 0.20.", "stars": "9"}, {"name": "turf", "url": "https://github.com/myFavShrimp/turf", "description": "Macro based compile-time SCSS transpilation, CSS minification, and class name uniquification toolchain inspired by CSS modules.", "stars": "98"}, {"name": "browser-panic-hook", "url": "https://github.com/ctron/browser-panic-hook", "description": "A panic handler for browser environments, allowing to fail in an end-user friendly way.", "stars": "8"}, {"name": "Rust Floating UI", "url": "https://floating-ui.rustforweb.org/", "description": "Floating UI is a library that helps you create \"floating\" elements such as tooltips, popovers, dropdowns, and more."}]}, {"name": "Wasm", "parent": "Crates", "entries": [{"name": "wasm-bindgen", "url": "https://github.com/rustwasm/wasm-bindgen", "description": "Facilitating high-level interactions between WebAssembly modules and JavaScript.", "stars": "8.9k"}, {"name": "stdweb", "url": "https://github.com/koute/stdweb", "description": "Provides Rust bindings to the Web APIs and to allow a high degree of interoperability between Rust and JavaScript.", "stars": "3.5k"}, {"name": "tauri-sys", "url": "https://github.com/JonasKruckenberg/tauri-sys", "description": "Raw bindings to the Tauri API for projects using wasm-bindgen.", "stars": "121"}]}, {"name": "Frameworks", "parent": "Crates", "entries": [{"name": "stackable", "url": "https://github.com/futursolo/stackable", "description": "A framework experience for Yew.", "stars": "23"}, {"name": "wasm-pack", "url": "https://github.com/rustwasm/wasm-pack", "description": "Your favorite Rust -> WebAssembly workflow tool.", "stars": "7.1k"}, {"name": "wasm-pack-action", "url": "https://github.com/jetli/wasm-pack-action", "description": "Github action to install `wasm-pack` by downloading the executable to speed up CI/CD.", "stars": "56"}, {"name": "wasm-bindgen-action", "url": "https://github.com/jetli/wasm-bindgen-action", "description": "Github action to install `wasm-bindgen` by downloading the executable to speed up CI/CD.", "stars": "12"}, {"name": "cargo-web", "url": "https://github.com/koute/cargo-web", "description": "A Cargo subcommand for the client-side Web.", "stars": "1.1k"}, {"name": "Trunk", "url": "https://github.com/thedodd/trunk", "description": "Build, bundle & ship your Rust Wasm application to the web.", "stars": "4.2k"}, {"name": "trunk-action", "url": "https://github.com/jetli/trunk-action", "description": "Github action to install `Trunk` by downloading the executable to speed up CI/CD.", "stars": "36"}, {"name": "wabt", "url": "https://github.com/WebAssembly/wabt", "description": "The WebAssembly Binary Toolkit, for the `wasm-strip` and `wasm-objdump` tools to reduce .wasm file size.", "stars": "7.9k"}, {"name": "binaryen", "url": "https://github.com/WebAssembly/binaryen", "description": "Compiler infrastructure and toolchain library for WebAssembly, for the `wasm-opt` tool to reduce .wasm file size.", "stars": "8.4k"}, {"name": "Tauri", "url": "https://github.com/tauri-apps/tauri", "description": "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.", "stars": "103k"}, {"name": "yew-fmt", "url": "https://github.com/schvv31n/yew-fmt", "description": "A configurable extension to `rustfmt` for formatting Yew HTML.", "stars": "27"}, {"name": "Let's Build a Rust Frontend with Yew", "url": "https://dev.to/deciduously/lets-build-a-rust-frontend-with-yew---part-1-3k2o", "description": ""}, {"name": "How to use Rust Yew", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20Rust%20Yew.md", "description": "", "stars": "4"}, {"name": "How to use a modal in Rust", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20a%20modal%20in%20Rust.md", "description": "", "stars": "4"}, {"name": "How to use routers in Rust Frontend", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20routers%20in%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "How to modulize your Rust Frontend", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20modulize%20your%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "How to use NPM packages with Rust Frontend", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20use%20NPM%20packages%20with%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "How to use markdown with Rust Frontend", "url": "https://github.com/steadylearner/blog/blob/master/posts/Rust/How%20to%20use%20markdown%20with%20code%20snippets%20in%20Rust%20Frontend.md", "description": "", "stars": "4"}, {"name": "Fullstack Rust with Yew", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/Fullstack%20Rust%20with%20Yew.md", "description": "", "stars": "4"}, {"name": "How to write Full Stack Rust code", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20write%20Full%20Stack%20Rust%20code.md", "description": "", "stars": "4"}, {"name": "How to render a YouTube vlog with Rust Yew fetch API", "url": "https://github.com/steadylearner/blog/blob/master/posts/Rust/How%20to%20render%20a%20YouTube%20vlog%20with%20%20Rust%20Yew%20fetch%20API.md", "description": "", "stars": "4"}, {"name": "How to render blog posts with Rust Yew mounted API", "url": "https://github.com/steadylearner/blog/tree/master/posts/Rust/How%20to%20render%20blog%20posts%20with%20Rust%20Yew%20mounted%20API.md", "description": "", "stars": "4"}, {"name": "A Web Application completely in Rust", "url": "https://medium.com/@saschagrunert/a-web-application-completely-in-rust-6f6bdb6c4471", "description": ""}, {"name": "Yew - Rust & WebAsse-frontend framework", "url": "https://sudonull.com/post/11627-Yew-Rust-WebAsse-frontend-framework", "description": ""}, {"name": "Create a desktop app in Rust using Tauri and Yew", "url": "https://dev.to/stevepryde/create-a-desktop-app-in-rust-using-tauri-and-yew-2bhe", "description": ""}, {"name": "A code walkthrough video of Yew with a real-world app with Christopher Hunt and Kiki Carter", "url": "https://www.youtube.com/watch?v=ilrGIJGdqRo", "description": ""}, {"name": "Adding Tailwind to Yew", "url": "https://mikekrisher.com/writings/yew_and_tailwind", "description": ""}, {"name": "full-stack-todo-rust-course", "url": "https://github.com/brooks-builds/full-stack-todo-rust-course", "description": "Full stack rust course including course for Yew.", "stars": "259"}, {"name": "The WebAssembly Book", "url": "https://rustwasm.github.io/docs/book/", "description": "Working with the web and producing .wasm files."}, {"name": "The wasm-bindgen Guide", "url": "https://rustwasm.github.io/docs/wasm-bindgen/", "description": "How to bind Rust and JavaScript APIs."}, {"name": "The wasm-pack Guide", "url": "https://rustwasm.github.io/docs/wasm-pack/", "description": "How to build and work with rust-generated WebAssembly."}, {"name": "Programming WebAssembly with Rust", "url": "https://pragprog.com/book/khrust/programming-webassembly-with-rust", "description": "Includes a chapter `Advanced JavaScript Integration with Yew` on creating an app with Yew."}, {"name": "Creative Projects for Rust Programmers", "url": "https://www.oreilly.com/library/view/creative-projects-for/9781789346220/", "description": "Chapter 5, `Creating a Client-Side WebAssembly App Using Yew`."}, {"name": "Server-Side WebAssembly", "url": "https://www.manning.com/books/server-side-webassembly", "description": "How to use WebAssembly components and the WebAssembly System Interface (WASI) to build web back ends."}, {"name": "Draco", "url": "https://github.com/utkarshkukreti/draco", "description": "A Rust library for building client side web applications with WebAssembly.", "stars": "305"}, {"name": "Percy", "url": "https://github.com/chinedufn/percy", "description": "A modular toolkit for building isomorphic web apps with Rust + WebAssembly.", "stars": "2.3k"}, {"name": "Sauron", "url": "https://github.com/ivanceras/sauron", "description": "Sauron is an HTML web framework for building web-apps.", "stars": "2.1k"}, {"name": "Seed", "url": "https://github.com/seed-rs/seed", "description": "A Rust framework for creating web apps.", "stars": "3.8k"}, {"name": "Smithy", "url": "https://github.com/rbalicki2/smithy", "description": "A framework for building WebAssembly apps in Rust.", "stars": "344"}, {"name": "Dioxus", "url": "https://github.com/DioxusLabs/dioxus", "description": "Elegant React-like library for building user interfaces for desktop, web, mobile, SSR, liveview, and more.", "stars": "35k"}, {"name": "Sycamore", "url": "https://github.com/sycamore-rs/sycamore", "description": "A reactive library for creating web apps in Rust and WebAssembly.", "stars": "3.2k"}, {"name": "Leptos", "url": "https://github.com/leptos-rs/leptos", "description": "Build fast web applications with Rust.", "stars": "20k"}, {"name": "Awesome Rust and WebAssembly", "url": "https://github.com/rustwasm/awesome-rust-and-webassembly", "description": "A list of awesome Rust and WebAssembly projects, libraries, tools, and resources.", "stars": "672"}, {"name": "Awesome WebAssembly", "url": "https://github.com/mbasso/awesome-wasm", "description": "Collection of awesome things regarding WebAssembly ecosystem.", "stars": "9.5k"}, {"name": "Awesome Rust", "url": "https://github.com/rust-unofficial/awesome-rust", "description": "A curated list of Rust code and resources.", "stars": "56k"}]}], "name": ""} |