react-canvaskit
Skia
react-canvaskit | Skia | |
---|---|---|
1 | 55 | |
103 | 8,671 | |
3.9% | 1.8% | |
2.6 | 9.9 | |
over 2 years ago | 4 days ago | |
TypeScript | C++ | |
MIT License | BSD 3-clause "New" or "Revised" License |
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-canvaskit
-
Ditch the DOM with SolidJS and Skia CanvasKit
After a little research, I found that someone has already beat me to it for React — react-canvaskit. This implementation used react-reconciler to create a custom renderer for React. This is the same process used by **react-three-fiber** (aka R3F) to bring ThreeJS elements to the React VDOM/lifecycle (e.g. when you use ).
Skia
-
Skia VS nitro-gl - a user suggested alternative
2 projects | 21 Aug 2023
- The Future of the Web Is VNC
- Cairo – Open-Source 2D Graphics Layer/API with Fonts and Many Back-Ends
-
Lottie under the hood
Actually, that's not entirely accurate. The lottie-web library itself doesn't support rendering to WebGL. However, there is a package called canvaskit-wasm that wraps Skia (a graphics engine) with WebAssembly (wasm). This package includes a module called skottie which supports rendering animations into a WebGL surface. However, there is a drawback with this approach: using wasm requires loading a relatively large package, and it's uncertain whether all features are supported correctly, as the official compatibility table that tracks lottie support on different platforms does not include skottie.
-
Widely-used graphics library
Skia is pretty great if you can get it running.
- Vivaldi 6.0 Web Browser Introduces Tab Workspaces and Custom Icons
-
Due to popular demand, here’s part 2
The imgs are mainly used by Tencent QQ and Baidu Tieba users. QQ and Tieba compress imgs by default, so the popular imgs (in China we call them "屌图" or "表情包") would be compressed million of times during the spreading, causing the super low quality. These APPs on Android are using Skia for image processing, which suffering from a legendary bug: result would be more green. The bug was fixed in 2016: https://github.com/google/skia/commit/c7d01d3e1d3621907c27b283fb7f8b6e177c629d
- Leveraging Rust and the GPU to render user interfaces at 120 FPS
- How important is avoiding Blink/Chromium to you? And if not at all, why?
-
Graphic Library for C
There’s also Skia by Google. Used by Android and Google Chrome.
What are some alternatives?
react-native-skia - High-performance React Native Graphics using Skia
bgfx - Cross-platform, graphics API agnostic, "Bring Your Own Engine/Framework" style rendering library.
solid-universal-renderer-template - Template for creating and testing SolidJS universal renderers
nanovg - Antialiased 2D vector drawing library on top of OpenGL for UI and visualizations.
solid-canvaskit-renderer - Renders JSX directly to CanvasKit using SolidJS Universal renderer
GLFW - A multi-platform library for OpenGL, OpenGL ES, Vulkan, window and input
solid-three - port of @react-three/fiber for solid
Atomic Game Engine - The Atomic Game Engine is a multi-platform 2D and 3D engine with a consistent API in C++, C#, JavaScript, and TypeScript
skia-canvaskit-wasm-nextjs
Ogre 3D - scene-oriented, flexible 3D engine (C++, Python, C#, Java)
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
imgui - Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies