gridaco/grida

何を解決するか

Grida は、相互運用性とパフォーマンスを重視した、高性能なオープンソースのキャンバスエディタおよびグラフィックスエンジンです。大規模なドキュメントを扱えるプロフェッショナルクラスの2Dグラフィックス表面の必要性を満たし、Figmaからのインポート、およびブラウザとヘッドレスNode.jsの両環境でのレンダリングを可能にします。

動作方法

Grida は、Rustで書かれた nothing グラフィックスエンジン（Skiaを使用）によって駆動されており、WASMアーティファクトとして配布されます。主に2つのレンダリングバックエンドをサポートしています：HTML/CSSワークフロー向けのDOMレンダラと、高性能グラフィックス向けのSkiaレンダラ（WebGL2/raster）。.gridaドキュメントフォーマットにはFlatBuffersが使用されており、効率的なストレージとスキーマの進化を保証します。

対象ユーザー

デザインツールを開発する開発者、FigmaやFramerのオープンソース代替が必要なデザイナー、および.figファイルなどのデザインファイルをさまざまな画像およびPDF形式にヘッドレスでレンダリングする必要があるエンジニアに最適です。

主な特徴

• マルチバックエンドレンダリング：DOMとSkia/WASMの両方をサポートし、柔軟な出力が可能。
• Figmaとの相互運用性：FigmaファイルおよびREST JSONのインポートが可能。専用のヘッドレスレンダラ（@grida/refig）を備えています。
• ラウンドトリップSVGエディタ：編集中にファイルの整合性を保持する忠実なSVGエディタ。
• 統合エコシステム：Supabaseと統合された組み込みデータベース/CMSおよびフォームビルダーを備えています。
• ヘッドレス機能：ブラウザなしでNode.jsでグラフィックスをレンダリング可能。CI/CDパイプラインに最適です。