solid-universal-renderer-template
Skia
solid-universal-renderer-template | Skia | |
---|---|---|
1 | 55 | |
16 | 8,733 | |
- | 2.5% | |
3.2 | 9.9 | |
almost 2 years ago | 2 days ago | |
TypeScript | C++ | |
- | 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.
solid-universal-renderer-template
-
Ditch the DOM with SolidJS and Skia CanvasKit
Interested in making your own SolidJS universal renderer? I created a template based off an early iteration of my CanvasKit renderer (basically at the beginning console.log phase). This should be a clean*-ish* slate to get you started to plug in any API you’d like! Clone and try the code here on Github.
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-canvaskit - Experiment in creating a custom react renderer using an offscreen webgl canvas on top of Skia CanvasKit
bgfx - Cross-platform, graphics API agnostic, "Bring Your Own Engine/Framework" style rendering library.
solid-canvaskit-renderer - Renders JSX directly to CanvasKit using SolidJS Universal renderer
nanovg - Antialiased 2D vector drawing library on top of OpenGL for UI and visualizations.
skia-canvaskit-wasm-nextjs
GLFW - A multi-platform library for OpenGL, OpenGL ES, Vulkan, window and input
vite - Next generation frontend tooling. It's fast!
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
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
Ogre 3D - scene-oriented, flexible 3D engine (C++, Python, C#, Java)
solid-site - Code that powers the SolidJS.com platform.
imgui - Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies