leaferjs/leafer-ui
好用的 Canvas 引擎，轻松实现图形交互与编辑，AI 时代的无限画布引擎。An easy-to-use Canvas engine for effortless graphic interaction and editing — an infinite canvas engine for the AI era. observed · 2026-08-28
Health v2 · maintenance only
92/100
- Activity 99
- Release rhythm 84
- Longevity 91
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 6
- age_days: 1277
- days_rel: 31
- days_push: 10
- n_releases_24m: 78
Adoption not part of the score
4384 stars · 189 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
LeaferJS (leafer-ui) is a lightweight, zero-dependency TypeScript Canvas engine for building interactive 2D graphics, with a DOM-like API, built-in editor plugin, Flex layout, and animation support. It is designed as an 'infinite canvas engine for the AI era', capable of rendering and interacting with a million graphics at 60 FPS, and runs on Web, Node.js, Web Workers, and WeChat mini-programs.
Use cases
- build a Figma-like online design editor
- create an AI infinite canvas for generative content
- build an electronic whiteboard or whiteboard app
- render large-scale industrial diagrams and topology visualizations
- batch-generate images, posters, or short video frames on the server
- build lightweight interactive games and H5 interactive pages
- build a low-code visual editor engine
When to choose
- you need to render and interact with tens of thousands to millions of graphics smoothly in the browser
- you want a lightweight (~70KB), zero-dependency canvas library with a DOM-like API
- you need built-in graphic editing (select, move, resize, rotate, multi-select) for a design tool
- you want one codebase running on web, Node.js, workers, and WeChat mini-programs
- you want AI to programmatically manipulate a structured scene tree of graphics
When to avoid
- you need 3D rendering or WebGL/WebGPU features today
- you need full WeChat mini-program SVG or shadow support, which is still being adapted
- you need IE support
- you want a mature ecosystem like PixiJS or Konva with a large plugin community
Facets
library · maturity active
graphics ui-components animation image-processing gui web-development frontend graphics data-visualization artificial-intelligence browser cross-platform canvas 2d-graphics infinite-canvas scene-graph vector-graphics graphic-editor whiteboard design-tools flex-layout zero-dependency figma-like ai-canvas game-development nodejs web wechat javascript typescript
9 sources
- readme: https://github.com/leaferjs/leafer-ui · fetched 2026-08-28 · 022602bd6169
- homepage: https://www.leaferjs.com · fetched 2026-08-29 · 9e8849ffa518
- site_page: https://www.leaferjs.com/ui/guide/install/ui/miniapp/start.html · fetched 2026-08-29 · 830852ba86eb
- site_page: https://www.leaferjs.com/ui/guide/install/ui/start.html · fetched 2026-08-29 · 8a7c92656b23
- site_page: https://www.leaferjs.com/ui/guide/install/ui/worker/start.html · fetched 2026-08-29 · 91a113188a7c
- site_page: https://www.leaferjs.com/ui/guide/install/ui/node/start.html · fetched 2026-08-29 · 3e70b5f9aa2d
- site_page: https://www.leaferjs.com/ui/guide/install · fetched 2026-08-29 · 93424d4c0ed9
- site_page: https://www.leaferjs.com/ui/guide/install/ui/core · fetched 2026-08-29 · 5138060eab1e
- registry_npm: https://registry.npmjs.org/leafer-ui · fetched 2026-08-29 · 61d1dfebdfb0
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| leaferjs/leafer-ui | main | 92 |
For agents
markdown · JSON · MCP: product_card(name="leaferjs/leafer-ui")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem