# 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.

Repository: https://github.com/leaferjs/leafer-ui
Canonical: https://ross.abutalabs.com/products/leafer-ui
Homepage: https://www.leaferjs.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: leaferjs, canvas, leafer, infinite-canvas
Last push: 2026-08-24T02:22:04+00:00

## Health v2 (maintenance only)
Score: 92/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 84, longevity 91
- inputs: {"age_days": 1277, "days_push": 10, "days_rel": 31, "gap_med": 6, "n_releases_24m": 78}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 4384, forks 189 (observed 2026-08-28T04:08:47.008054+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: graphics, ui-components, animation, image-processing, gui
- domain: web-development, frontend, graphics, data-visualization, artificial-intelligence
- platform: browser, cross-platform
- tags: 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

## Member repositories
- leaferjs/leafer-ui (main) score 92

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:47.008054+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:21:16.291596+00:00, confidence not recorded.
  - readme: https://github.com/leaferjs/leafer-ui (fetched 2026-08-28T04:08:47.008054+00:00, sha 022602bd6169)
  - homepage: https://www.leaferjs.com (fetched 2026-08-29T09:10:01.397117+00:00, sha 9e8849ffa518)
  - site_page: https://www.leaferjs.com/ui/guide/install/ui/miniapp/start.html (fetched 2026-08-29T09:10:01.406966+00:00, sha 830852ba86eb)
  - site_page: https://www.leaferjs.com/ui/guide/install/ui/start.html (fetched 2026-08-29T09:10:01.408886+00:00, sha 8a7c92656b23)
  - site_page: https://www.leaferjs.com/ui/guide/install/ui/worker/start.html (fetched 2026-08-29T09:10:01.410688+00:00, sha 91a113188a7c)
  - site_page: https://www.leaferjs.com/ui/guide/install/ui/node/start.html (fetched 2026-08-29T09:10:01.412199+00:00, sha 3e70b5f9aa2d)
  - site_page: https://www.leaferjs.com/ui/guide/install (fetched 2026-08-29T09:10:01.413855+00:00, sha 93424d4c0ed9)
  - site_page: https://www.leaferjs.com/ui/guide/install/ui/core (fetched 2026-08-29T09:10:01.415551+00:00, sha 5138060eab1e)
  - registry_npm: https://registry.npmjs.org/leafer-ui (fetched 2026-08-29T09:10:01.417203+00:00, sha 61d1dfebdfb0)
- Data as of 2026-08-30T08:39:29.467469+00:00.