https://github.com/nomis51/webview2-desktop

A desktop application template using webview2 and web frameworks
https://github.com/nomis51/webview2-desktop

angular csharp desktop dotnet javascript js no-electron react ts typescript vue webview2 winforms wpf

Last synced: 13 days ago
JSON representation

A desktop application template using webview2 and web frameworks

• Host: GitHub
• URL: https://github.com/nomis51/webview2-desktop
• Owner: nomis51
• License: mit
• Created: 2022-09-01T20:02:26.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-11T13:14:12.000Z (over 1 year ago)
• Last Synced: 2024-07-29T20:31:45.724Z (3 months ago)
• Topics: angular, csharp, desktop, dotnet, javascript, js, no-electron, react, ts, typescript, vue, webview2, winforms, wpf
• Language: C#
• Homepage:
• Size: 177 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Webview2 Desktop with React/Angular/Vue (or any JS/TS frameworks)

A proof of concept for a C# desktop application template using webview2 and React.

Can be easily adapted to use any other JS frameworks such as Angular, Vue, React, Svelte, etc. The C# template is using WPF, but it could be replaced by WinForms easily.

![image](https://user-images.githubusercontent.com/25111613/188023537-92a8f833-e9fc-47d9-bde2-6ee6b77e4d36.png)

## Requirements

- Node.js

- Vite (to run the demo, but not necessary if React is replaced by another JS framework)

## Try it out

- Clone the repository

- Open the `Client` folder and run `yarn dev` (for React, adjust for other frameworks)

- Open the C# project

- Run it with Visual Studio, Jetbrains Rider or dotnet CLI

- The window will show up with the demo, enjoy!

## TODO:

- Add a typed frontend client to simplify client calling backend methods