Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Grida — Open Canvas
| Date | Stars |
|---|---|
| 2026-07-24 | 2573 |
| 2026-07-25 | 2573 |
| 2026-07-28 | 2573 |
| 2026-07-30 | 2573 |
| 2026-08-06 | 2573 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
35.0
growth rate 0.00%/day
<img src="./.readme/cover.png" alt="Grida" width="100%"/>
<br/>
<br/>
<br/>
<div align="center">
<h1>Grida</h1>
<p>
<strong>Grida is an open-source canvas editor — powered by the <a href="https://github.com/gridaco/nothing">nothing</a> graphics engine (Rust + Skia + WASM) — plus an SVG editor, Database/CMS and Forms.</strong>
</p>
<p>
<a href="https://grida.co/canvas">Canvas demo</a> •
<a href="https://grida.co/svg">SVG editor</a> •
<a href="https://grida.co/docs/packages/@grida/refig">Refig</a> •
<a href="https://grida.co/downloads">Downloads</a> •
<a href="https://grida.co">Website</a> •
<a href="https://grida.co/docs">Docs</a> •
<a href="./CONTRIBUTING.md">Contributing</a> •
<a href="https://grida.co/join-slack">Slack Community</a>
</p>
</div>
---
<br/>
<br/>
## Why Grida
Grida is an open-source **canvas editor** built for performance and interoperability — with a stable on-disk document format. The 2D graphics engine that powers it lives in [gridaco/nothing](https://github.com/gridaco/nothing); this repo consumes it as the published `@grida/canvas-wasm` artifact.
- **Renderer backends**: a **DOM** renderer for HTML/CSS workflows and a **Skia** renderer via **WASM** (WebGL2 + raster).
- **Headless rendering**: render in **Node.js** (no browser) for CI/export pipelines.
- **Document format**: `.grida` on **FlatBuffers** ([`format/grida.fbs`](https://github.com/gridaco/nothing/blob/main/format/grida.fbs)) for large documents and schema evolution.
- **Interop**: import from **Figma** (`.fig` / REST JSON) and work with **SVG**.
- **Supabase integration**: Database/CMS and Forms are built to work seamlessly with Supabase (Tables, Views, Storage, Auth).
If Grida is useful, consider starring this repo — it helps a lot.
<br/>
<br/>
## Demo
- **Canvas (Skia/WASM)**: [grida.co/canvas](https://grida.co/canvas)
- **SVG editor**: [grida.co/svg](https://grida.co/svg)
---
<br/>
<br/>
## Canvas
Grida Canvas is a node/property-based 2D graphics engine and editor surface.
The core engine ([gridaco/nothing](https://github.com/gridaco/nothing)) is written in Rust (Skia) and is exposed to web/Node via `@grida/canvas-wasm`.
- [x] Infinite canvas + fast pan/zoom
- [x] `.grida` document format (FlatBuffers)
- [x] Render backends: DOM + Skia/WASM (WebGL2 + raster)
- [x] Import: Figma (`@grida/io-figma`), SVG
- [x] SVG tooling (`@grida/svg`)
- [x] Canvas-native rich text editing
- [x] History — time-bucketed undo/redo with preview
- [x] Markdown & HTML/CSS embeds (in-house Chromium-aligned renderer)
- [x] Multi-page PDF export
- [x] Bitmap editor (TP)
- [x] SVG editor — see [SVG](#svg)
- [x] Vector network model (paths, holes, compound shapes)
- [x] Headless rendering: `@grida/refig` (Node + browser)
- [ ] Component / instance model
- [ ] WebGPU backend (Skia Graphite)
### Backends
- **DOM backend**: React-bound renderer for website-builder workflows.
- **Skia backend** (Rust + `skia-safe` → `@grida/canvas-wasm`):
- **Browser**: WebGL2 surface (interactive)
- **Node.js**: raster surface (headless export)
### Document format: `.grida`
Grida documents are stored as `.grida` files using **FlatBuffers** ([`format/grida.fbs`](https://github.com/gridaco/nothing/blob/main/format/grida.fbs)).
The schema is designed to be evolvable and efficient for large documents.
Docs: [Canvas SDK](https://grida.co/docs/canvas/sdk) (alpha)
Milestone tracker: [Grida Canvas milestone](https://github.com/gridaco/grida/issues/231)
### Headless Figma rendering (Refig)
`@grida/refig` renders Figma documents from **`.fig` exports** (offline) or **REST API JSON** to **PNG/JPEG/WebP/PDF/SVG** in **Node.js** (no browser) or in the **browser**.
#### CLI
```bash
pnpm dlx @grida/refig ./design.fig --export-all --out ./out
pnpm dlx @grida/refig ./design.fig --node "1:23" --format png --out ./out.png
```
#### Library (Node)
```ts
import { writeFileSync } from Excerpt of 15,628 characters
Read on GitHub
Universe · @gridaco
11k
185
182
Cursor Agent
34
29
23
Junho Yeo · South Korea
12
9
4
3
3
omer alpi · Turkey
2
yongrean
2
Dmitry Maranik · @sectum-ai
1
you young jae · @WEMEETPLACE · South Korea
1
Anaz
1
Saint Asky · StarSoul Science&Technology
1
1
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:1eaee1acd8370364, topic:no-code