vue-fabric-editor

KuaiTu Design (vue-fabric-editor) is a plugin-based image editor developed with fabric.js and Vue. It is positioned as a lightweight, concise graphics editor rather than an all-encompassing online PS-style heavy tool. The project adopts a plugin architecture, supports extension development through plugins, and allows customization of context menus and shortcuts. Main features include: importing JSON and PSD files; exporting PNG, SVG, and JSON files; grouping and ungrouping; layer management; gradient properties; appearance, font, stroke, and shadow settings; undo and redo; shortcuts; context menus; guides and rulers; custom fonts; custom template assets; inserting SVG and image assets; horizontal and vertical alignment of multiple elements; background property settings; arrows and lines; brush and polygon drawing; QR codes and barcodes; image replacement, cropping, and filters; watermarks; internationalization. Usage: First install Node.js v18-v20 and pnpm 8.4.0, then run pnpm i and pnpm dev. The README specifically notes that pnpm 8.x must be used; higher versions may cause dependency inconsistencies and page runtime errors. The project provides a demo site and documentation, as well as developer services such as a WeChat communication group, fabric.js Chinese tutorials, and a knowledge community. There is also a paid commercial version that provides a complete frontend and backend, admin panel, source code licensing, and secondary development support, along with customized cases such as product/clothing DIY designers and anime-style designers. The open-source version includes only the frontend code and is licensed under MIT.