ai-agent

vue-fabric-editor – Rapidly craft custom images and posters with Vue & Fabric.js

Name: vue-fabric-editor – Rapidly craft custom images and posters with Vue & Fabric.js
Author: ikuaitu

A Vue‑based canvas editor lets founders design branded graphics, tweak fonts, and apply templates in minutes. Ideal for product landing pages and marketing assets. 8.0k+ GitHub stars.

From the repo · “快图设计-基于fabric.js和Vue的开源图片编辑器，可自定义字体、素材、设计模板。fabric.js and Vue based image editor, can customize fonts, materials, design templates.”

8,000 stars+5★ this week1,398 forksVueGuide quality 8/10 · reviewed Oct 6Updated 7/21/2026100% free · open source

What it does

Vue-fabric-editor provides a customizable image editor for your startup, allowing founders to easily integrate design flexibility into their applications

When to use it

•You need to add image editing capabilities to your web application
•Your startup requires a high degree of customization for its design tools
•You are building a platform that involves user-generated content with image editing features

Ready-to-paste prompt

Create a new Vue application with the editor: `vue create my-app` and then `npm install vue-fabric-editor` and import it in your `main.js` file: `import VueFabricEditor from 'vue-fabric-editor'`

Heads up: Make sure you have the correct version of Node.js (14.x or higher) and npm installed, as the installation may fail with older versions

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/vue-fabric-editor && curl -fsSL https://workflowstacks.com/api/skills/vue-fabric-editor/claude-skill -o ~/.claude/skills/vue-fabric-editor/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How vue-fabric-editor – Rapidly craft custom images and posters with Vue & Fabric.js works

Codeflow

Free to inspect

Vue-fabric-editor – Rapidly craft custom images and posters with Vue & Fabric.js is a large Vue project (~16k lines across 161 code files, plus 5 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 2 months ago, MIT license, has a test suite.

Size

Large codebase

~16k lines · 161 code files · ~2 h to skim

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js · Docker

No API keys detected

Vue 45%TypeScript 44%JavaScript 9%Less 2%CSS 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/main.ts
Where the program starts running
3
package.json
Dependencies and the commands it exposes
4
src/App.vue
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic182 files

packages/Sub-packages / plugins68 files

typings/Folder3 files

.github/CI / automation (GitHub Actions)7 files

.husky/Tool / agent settings2 files

.vscode/Editor / agent settings2 files

public/Images & static assets1 files

READMEHas testsDocumentedCI checksDocker readyMIT licenseUpdated 2 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/vue-fabric-editor && curl -fsSL https://workflowstacks.com/api/skills/vue-fabric-editor/claude-skill -o ~/.claude/skills/vue-fabric-editor/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

ikuaitu

Language

Vue