gridaco/grida
Grida — Open Canvas
What it solves
Grida provides a high-performance, open-source canvas editor and graphics engine designed for interoperability and performance. It solves the need for a professional-grade 2D graphics surface that can handle large documents, import from Figma, and render across different environments (browser and headless Node.js).
How it works
Grida is powered by the nothing graphics engine (written in Rust and using Skia), which is delivered as a WASM artifact. It supports two primary rendering backends: a DOM renderer for HTML/CSS workflows and a Skia renderer (WebGL2/raster) for high-performance graphics. It uses FlatBuffers for its .grida document format to ensure efficient storage and schema evolution.
Who it’s for
It is designed for developers building design tools, designers needing an open-source alternative to Figma or Framer, and engineers requiring headless rendering of design files (such as .fig files) into various image and PDF formats.
Highlights
- Multi-backend Rendering: Supports both DOM and Skia/WASM for flexible output.
- Figma Interop: Ability to import Figma files and REST JSON, with a dedicated headless renderer (
@grida/refig). - Round-trip SVG Editor: A faithful SVG editor that preserves file integrity during edits.
- Integrated Ecosystem: Includes a built-in Database/CMS and Form builder integrated with Supabase.
- Headless Capabilities: Ability to render graphics in Node.js without a browser for CI/CD pipelines.
Related
- Project
- Project
- Project
- Project
- Dispatch