react-canvas VS gallery

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

react-canvas

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

gallery

Flutter Gallery is a resource to help developers evaluate and use Flutter (by flutter)
Our great sponsors
  • Nanos - Run Linux Software Faster and Safer than Linux with Unikernels
  • Scout APM - A developer's best friend. Try free for 14-days
  • SaaSHub - Software Alternatives and Reviews
react-canvas gallery
4 20
12,737 3,030
0.3% 6.8%
0.0 8.2
almost 3 years ago 10 days ago
JavaScript Dart
BSD 3-clause "New" or "Revised" License BSD 3-clause "New" or "Revised" 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?

gallery

Posts with mentions or reviews of gallery. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-09-18.
  • Write in JavaScript, Render in Flutter
    news.ycombinator.com | 2021-09-18
    My iPhone 12 Pro drops frames when scrolling the Flutter Web gallery [0]. Flutter Web also doesn’t support iOS’ ubiquitous tap status bar to scroll to top and has different scrolling acceleration, deceleration and springiness.

    Flutter on iOS has had animation hitches since the switch from OpenGL to Metal. Animations drop frames on their first run, during shader compilation [1].

    0. https://gallery.flutter.dev/#/

  • Is there a site where you can test out widgets in real time?
    Flutter Gallery
  • Android featuring graphics for google play
    You mean something like https://gallery.flutter.dev/#/? The source code for it is at https://github.com/flutter/gallery.
  • Flutter CI/CD Pipeline on Github
    This repo is missing the iOS part. And this repo seems outdated and not cover the publishing at all.
  • FlutterFlow: Low Code Flutter Apps
    news.ycombinator.com | 2021-05-21
    I'm simply observing the CPU usage of the Flutter app when a TextField gets the focus. I don't see why it matters whatever else may be going on.

    I tried it on macOS as well as on the iOS simulator and on the web, but I haven't tried the latest version yet. You can try the web version here:

    https://gallery.flutter.dev/#/demo/cupertino-text-field

  • Google Docs will move to canvas based rendering instead of DOM
    news.ycombinator.com | 2021-05-12
    I didn't believe you at first, but then I gave it a try.

    Yes, they actually built an email client from which you cannot copy text: https://gallery.flutter.dev/#/reply

  • How to properly code share between mobile and web?
    I'm making an app mainly for mobile but we want to deploy on web too, I managed to run the app on mobile, it works responsibly, but I want to change positions of some components on web (display tabbar at left instead bottom, maybe small color changes etc). I didn't understad how flutter gallery is doing it https://gallery.flutter.dev/#/ it has major differences with mobile app, I think it can't be the same code (but same widgets), should I create new dart files for web and share widgets? Whats the best practice? Please point me to the right direction
    You can see the code for flutter gallery at https://github.com/flutter/gallery and see how they did everything.
  • JavaScript or Flutter?
    the website itself has been built with react and other tools. Not gonna register to see the real app. Looking at other examples https://demo.invoiceninja.com/#/ or https://gallery.flutter.dev/#/ indeed show some fundamental issues like download size, bad performance, janky scrolling.
  • How can you possibly call flutter web stable?
    Flutter gallery web demo:

What are some alternatives?

When comparing react-canvas and gallery 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.

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

react-static-container

makepad - Makepad is a creative software development platform for Rust that compiles to wasm/webGL, osx/metal, windows/dx11 linux/opengl

gpuweb - Where the GPU for the Web work happens!