Gridaとは？Rust/Skia/WASM製Open Canvas・SVG Editorを解説

概要

Gridaは、open-sourceのcanvas editorを中心に、SVG editor、Database/CMS、Formsを一つのmonorepoで提供する開発基盤です。Canvas engineはRust + SkiaをWASM化し、browserではWebGL2、Node.jsではheadless raster renderingを扱います。2026年9月17日時点のlatest GitHub releaseはv0.0.24です。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-09-17

DOMとSkia/WASMの2系統rendererでinteractive canvasとheadless exportを両立する

CanvasはDOM backendとRust/Skia→WASM backendを持ち、browserのWebGL2 surfaceとNode.jsのheadless raster surfaceを使い分けられます。.grida documentはFlatBuffersで保存されます。

出典：[2]

Figma・SVG・Supabaseまでeditorの周辺workflowをつなぐ

Figma .fig / REST JSONのimport、SVG editing、PNG/JPEG/WebP/PDF/SVGへのheadless export、Supabase Tables/Views/Storage/Authと連携するDatabase/CMS・Formsを同じprojectで扱えます。

出典：[2]

design toolそのものだけでなく、canvas/SVG/Figma処理をproductへ組み込みたい場合に

infinite canvas、design import/export、editor SDK、CI上のheadless renderingを組み合わせたい開発者に向きます。

出典：[2]

一部packageはalpha/experimentalで、hosted serviceとOSS codebaseは同一ではない

READMEではCanvas SDKやSVG editor等にalpha/experimental表記があり、component/instanceやWebGPU等も未完了です。Gridaのhosted Pro/Enterprise offeringはrepositoryのApache-2.0 codeそのものと同一範囲とは限らないため、採用時は必要機能の提供形態を確認してください。

出典：[2][3]

参考にした公式資料

[1]gridaco/grida — GitHub repository metadata(2026-09-17)
[2]Grida — README(2026-09-17)
[3]Grida v0.0.24 release(2026-09-17)

編集部からの補足

design appだけでなく、canvas/SVG/headless renderingをproductへ組み込めるSDK群として整理します。

3ステップで試す

1
ソースを取得
git clone --depth 1 https://github.com/gridaco/grida.git
2
リポジトリへ移動
cd grida
3
公式手順を確認
READMEのInstallation / Quick Start / Getting Startedにある公式コマンドを続けて実行してください。
find . -maxdepth 1 -iname 'README*' -exec sed -n '1,220p' {} \; -quit

公式READMEで確認

成長

成長の推移 · 直近30日

2,642 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 65
Open PR: 10

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

GitHub Topics

webgpu
canvas
database
no-code
postgresql
supabase
artboard
svg
tailwindcss
skia
rust
2d

Stars: 2,642
Forks: 147
Watchers: 39
Open Issues: 114
主要言語: TypeScript
ライセンス: Apache-2.0
リポジトリ最終更新: 2026/09/17

概要

特徴と向いている用途

DOMとSkia/WASMの2系統rendererでinteractive canvasとheadless exportを両立する

Figma・SVG・Supabaseまでeditorの周辺workflowをつなぐ

design toolそのものだけでなく、canvas/SVG/Figma処理をproductへ組み込みたい場合に

一部packageはalpha/experimentalで、hosted serviceとOSS codebaseは同一ではない

参考にした公式資料

3ステップで試す

ソースを取得

リポジトリへ移動

公式手順を確認

成長

開発アクティビティ

Built with

カテゴリとタグ

カテゴリ

タグ

GitHubデータ

GitHub Topics

関連情報

あわせて探訪