react-canvas VS makepad

Compare react-canvas vs makepad and see what are their differences.

react-canvas

High performance <canvas> rendering for React components (by Flipboard)

makepad

Makepad is a creative software development platform for Rust that compiles to wasm/webGL, osx/metal, windows/dx11 linux/opengl (by makepad)
Our great sponsors
  • Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.
  • Scout APM - A developer's best friend. Try free for 14-days
  • Nanos - Run Linux Software Faster and Safer than Linux with Unikernels
react-canvas makepad
4 10
12,737 1,712
0.3% 3.6%
0.0 6.0
almost 3 years ago 4 days ago
JavaScript Rust
BSD 3-clause "New" or "Revised" License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-canvas

Posts with mentions or reviews of react-canvas. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-05-12.
  • Google Docs will move to canvas based rendering instead of DOM
    news.ycombinator.com | 2021-05-12
    I remember Flipboard using canvas to render their UI before using react, which has the same idea, you can look at the repo and their post about it:

    https://github.com/Flipboard/react-canvas

  • Using KonvaJS as canvas with React
    dev.to | 2021-03-25
    React Canvas
  • Is it possible on react native ???
    You can also try using Canvas element in react https://github.com/Flipboard/react-canvas
  • Any js game library where I can use react ?
    reddit.com/r/reactjs | 2021-03-02
    I'm confused, there is react-canvas. Does it just not work very good?

makepad

Posts with mentions or reviews of makepad. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-10-14.
  • The Serde Rust Framework
    news.ycombinator.com | 2021-10-14
  • Unified Shader Programming in C++
    news.ycombinator.com | 2021-10-03
    Makepad does something simular with its universal shading language: https://makepad.dev/
  • Google Docs will move to canvas based rendering instead of DOM
    news.ycombinator.com | 2021-05-12
    Can someone explain why https://makepad.dev/ is extremely slow and "unusable" on Microsoft Edge browser but run smoothly on Chrome?
    news.ycombinator.com | 2021-05-12
    I'm not sure but what you are suggesting is not outside the realm of possibility. There are already projects like https://makepad.dev/ which implement their GUI on top of WebGL. (Which is arguably more challenging than implementing on top of Canvas 2D.)
    news.ycombinator.com | 2021-05-12
    In 2009, I joined Mozilla and started working on the Bespin[1] project, which Ben Galbraith & Dion Almaer had brought to Moz. Bespin was built with a canvas-based renderer. Bespin was way faster than other browser-based code editors at the time.

    Then the Ajax.org/Cloud9 folks came along with their Ace editor[2], which was DOM-based and still very fast. We ended up merging the projects.

    Rik Arends[3] was one of the Ajax.org folks and he's been working on a WebGL-based code environment called Makepad[4], which is entirely built in Rust and has its own UI toolkit. He's complained a lot about how difficult it is to make a performant JS-based editing environment.

    My point in all of this is just that there are absolutely tradeoffs in performance, accessibility, ease-of-development, internationalization, and likely other aspects. If raw performance is what you're going for, it's hard to beat just drawing on a canvas or using WebGL. Google Docs needs to worry about all of that other stuff, too, so I'll be interested to see how this shapes up.

    [1]: https://en.wikipedia.org/wiki/Mozilla_Skywriter

    [2]: https://en.wikipedia.org/wiki/Ace_(editor)

    [3]: https://twitter.com/rikarends

    [4]: https://makepad.dev

    news.ycombinator.com | 2021-05-12
    Try holding down Alt on https://makepad.dev/

    Such a cool feature that you can't really do with DOM based solutions (VSCode could never do this).

  • Enso 2.0 is out! Visual programing in Enso, Java, Python, R, and JavaScript. Written in Rust and Java.
    reddit.com/r/rust | 2021-04-13
    I will be curious to see it, I really think this kind of programming will be the future and there seem to be lots of people broadly thinking in the same direction. Also makepad, even though it looks almost like a traditional text-based interface now.
  • Makepad: UI framework for Rust that compiles to WASM/native
    news.ycombinator.com | 2021-03-28
  • Are there any GUI IDE written in rust for rust programming?
    reddit.com/r/rust | 2021-02-24
  • Ultron - web based monospace text-editor with syntax highlighting
    reddit.com/r/rust | 2021-01-13
    Not terminal-oriented but also a Rust web based monospace text editor with syntax highlighting: Makepad

What are some alternatives?

When comparing react-canvas and makepad you can also consider the following projects:

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

React Konva - React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

x-spreadsheet - A web-based JavaScript(canvas) spreadsheet

React ART

A-Frame - :a: web framework for building virtual reality experiences.

ProseMirror - The ProseMirror WYSIWYM editor

xi-editor - A modern editor with a backend written in Rust.

react-static-container

JsBarcode - Barcode generation library written in JavaScript that works in both the browser and on Node.js

gallery - Flutter Gallery is a resource to help developers evaluate and use Flutter

gpuweb - Where the GPU for the Web work happens!