README.md · 周国全/WebAssembly-Frontend-Ui-Frameworks

# WebAssembly Frontend UI Frameworks

A curated list of frontend frameworks based on WASM or GUI frameworks that can be compiled into WASM and works on the web.

## C

- [lvgl](https://github.com/lvgl/lvgl)
  
  [Ported repository](https://github.com/lvgl/lv_web_emscripten) for wasm, and [online demo](https://lvgl.io/demos).

- [Nuklear](https://github.com/Immediate-Mode-UI/Nuklear)

[UnOfficial example](https://github.com/telecran-telecrit/nuklear-webdemo) on the web, and [online demo](https://dexp.github.io/nuklear-webdemo).

## C++

- [imgui](https://github.com/ocornut/imgui)

[UnOfficial example](https://github.com/jnmaloney/WebGui) on the web, and [online demo](https://jnmaloney.github.io/WebGui/imgui.html).

- [Qt](https://www.qt.io/)

[Official examples and demos](https://www.qt.io/qt-examples-for-webassembly).

- [wxWidgets](https://github.com/wxWidgets/wxWidgets)

[UnOfficial ported repository](https://github.com/ahilss/wxWidgets-wasm) for wasm.

- [asm-dom](https://github.com/mbasso/asm-dom)

[Official todomvc example](https://github.com/mbasso/asm-dom/tree/master/examples/todomvc%20-%20cpp). [Unofficial example](https://github.com/jimmyorourke/cppmart-asmdom), and [online demo](https://jimmyorourke.github.io/cppmart-asmdom).

- [nanogui](https://github.com/mitsuba-renderer/nanogui)

[Official online demo](https://rgl.epfl.ch/tekari?url=%2F%2Frgl.s3.eu-central-1.amazonaws.com%2Fmedia%2Fuploads%2Fwjakob%2F2018%2F08%2F27%2Firidescent-paper.txt&log=1).

## C#

- [blazor](https://dotnet.microsoft.com/ja-jp/apps/aspnet/web-apps/blazor)

[UnOfficial example](https://github.com/conficient/BlazorChatSample), and [online demo](https://blazorchatsample.azurewebsites.net/).

- [Avalonia](https://github.com/AvaloniaUI/Avalonia)

[Official app showcase](https://avaloniaui.net/Showcase).

- [uno](https://github.com/unoplatform/uno)

[Official gallery](https://github.com/unoplatform/uno.gallery), and [online demo](https://gallery.platform.uno/).

## D

- [spasm](https://github.com/skoppe/spasm)

[Official todomvc example](https://github.com/skoppe/spasm/tree/master/examples/todo-mvc), and [online demo](https://skoppe.github.io/spasm/examples/todo-mvc/).

## Dart

- [flutter](https://flutter.dev/)

[Official announce](https://docs.flutter.dev/platform-integration/web/wasm).

## F#

- [bolero](https://github.com/fsbolero/bolero)

[Official todomvc example](https://github.com/fsbolero/TodoMVC), and [online demo](https://fsbolero.github.io/TodoMVC/).

- [Fun.Blazor](https://github.com/slaveOftime/Fun.Blazor)

[Official web site](https://slaveoftime.github.io/Fun.Blazor.Docs/documents/How-to-Contribute) is made by itself.

## Go

- [go-app](https://github.com/maxence-charriere/go-app)

[Official web site](https://go-app.dev/) is made by itself.

- [vugu](https://github.com/vugu/vugu)

[Online playground](https://play.vugu.org/).

- [vecty](https://github.com/hexops/vecty)

[Official examples](https://github.com/hexops/vecty/tree/main/example).

- [gi](https://github.com/goki/gi)

[Official online demo](https://goki.dev/demo/).

## Kotlin

- [compose-multiplatform](https://github.com/JetBrains/compose-multiplatform)

[Official example](https://github.com/Kotlin/kotlin-wasm-examples/tree/main).

## Python

- [pyscript](https://github.com/pyscript/pyscript)

[Official examples and demos](https://pyscript.net/examples/).

- [starfyre](https://github.com/sparckles/starfyre/tree/main)

[Official example](https://github.com/sparckles/create-starfyre-app).

## Ruby

- [prism](https://github.com/prism-rb/prism)

[Official examples](https://github.com/prism-rb/prism/tree/master/examples).

## Rust

- [yew](https://github.com/yewstack/yew)

[UnOfficial realworld example](https://github.com/jetli/rust-yew-realworld-example-app), and [online demo](https://jetli.github.io/rust-yew-realworld-example-app/#/).

- [iced](https://github.com/iced-rs/iced)

[Ported repository](https://github.com/iced-rs/iced_web) for wasm.

- [egui](https://github.com/emilk/egui)

[Official online demo](https://www.egui.rs/#demo).

- [dioxus](https://github.com/DioxusLabs/dioxus)

[Official web site](https://dioxuslabs.com/) is made by itself.

- [leptos](https://github.com/leptos-rs/leptos)

[Official web site](https://leptos.dev/) is made by itself.

- [makepad](https://github.com/makepad/makepad)

[Official online demo](https://makepad.dev/).

- [sycamore](https://github.com/sycamore-rs/sycamore)

[Official web site](https://sycamore-rs.netlify.app/) is made by itself.

## Swift

- [Tokamak](https://github.com/TokamakUI/Tokamak)

[UnOfficial example](https://github.com/fwcd/swift-music-web-playground), and [online demo](https://fwcd.github.io/swift-music-web-playground).

## Zig

- [capy](https://github.com/capy-ui/capy)

[Official examples and demos](https://capy-ui.org/demos/).

周国全/WebAssembly-Frontend-Ui-Frameworks

简介

发行版

贡献者

近期动态

周国全/WebAssembly-Frontend-Ui-Frameworks .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

周国全/WebAssembly-Frontend-Ui-Frameworks