Proper Wrapping of Object Libraries from JavaScript using C# and Blazor?

This page summarizes the projects mentioned and recommended in the original post on reddit.com/r/Blazor

Our great sponsors
  • OPS - Build and Run Open Source Unikernels
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • GitHub repo Konva

    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

    I am trying to wrap Konva, a very rich library for working with the HTML5 canvas.

  • GitHub repo Blazor.Popper

    A Blazor wrapper for the Javascript library Popper.js

    This is by the way the repo that uses the most of my Blazor articles which extends the Popper Wrapper example. https://github.com/KristofferStrube/Blazor.Popper

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo Blazor.Konva

    Konva.js wrapper implementation for Blazor Wasm

    I have created a repo that could get you started on the project if you have any problems for the first tutorial example. https://github.com/KristofferStrube/Blazor.Konva And this is only the bare minimum for the example and I kinda did it in a rush. Also complete with a demo page: https://kristofferstrube.github.io/Blazor.Konva/

  • GitHub repo Blazor.SVGEditor

    A basic SVG editor written in Blazor Wasm

    Are you going to use that this is specifically a canvas? If not then I would recommend to look at HTML SVG elements where you wouldn't even need to use JS Interop. This is an example that works with SVG Elements to achieve similar results as the ones you describe with being able to drag and use figures. https://github.com/KristofferStrube/Blazor.SVGEditor

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts