/install leaferjs
LeaferJS — Canvas 2D Engine
Use Cases
Suitable for UI rendering, graphic editing, data visualization, game development, and other scenarios.
Quick Start
npm install leafer-ui # ~70KB min+gzip
npm install leafer # 98KB + all plugins
npm install @leafer-ui/worker # Web Worker
npm install @leafer-ui/node skia-canvas # Node.js
npm install @leafer-ui/miniapp # Mini-program (≥v3.6.0)
CDN: \x3Cscript src="https://unpkg.com/[email protected]/dist/web.min.js">\x3C/script>
(Global variable LeaferUI, Image/PointerEvent aliases MyImage/MyPointerEvent)
import { Leafer, Rect } from 'leafer-ui'
const leafer = new Leafer({ view: window })
leafer.add(new Rect({ x: 100, y: 100, width: 100, height: 100, fill: '#32cd79' }))
Reference Index
| File | Coverage |
|---|---|
| references/quick-start.md | Engine creation / configuration / viewport / framework integration (Vue/React/Nuxt/Next/SSR) |
| references/elements.md | All graphic elements + styles + export + remove/destroy + performance + animation |
| references/groups.md | Group/Box/Frame/App layers, editor |
| references/events.md | Events / PointerEvent / lifecycle / debugging / engine config |
| references/install.md | Multi-platform installation + FAQ + version management |
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install leaferjs - After installation, invoke the skill by name or use
/leaferjs - Provide required inputs per the skill's parameter spec and get structured output
What is LeaferJS — Canvas 2D Engine?
LeaferJS — Canvas 2D Engine. Lightweight and high-performance Canvas 2D graphics engine, supporting multiple platforms such as Web, Worker, Node.js, and Mini... It is an AI Agent Skill for Claude Code / OpenClaw, with 58 downloads so far.
How do I install LeaferJS — Canvas 2D Engine?
Run "/install leaferjs" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is LeaferJS — Canvas 2D Engine free?
Yes, LeaferJS — Canvas 2D Engine is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does LeaferJS — Canvas 2D Engine support?
LeaferJS — Canvas 2D Engine is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created LeaferJS — Canvas 2D Engine?
It is built and maintained by OpenLark (@openlark); the current version is v1.0.0.