haixin-fanghaixin-fang
150

Vue Design Editor

screenshot of Vue Design Editor

Image editor based on Vue3 and fabric.js.

GithubDemo

Overview

Vue Design Editor is a powerful image editor built on fabric.js and Vue3. It provides users with the ability to customize fonts, materials, and design templates. This editor offers various features for image editing, image cropping, PSD parsing, template synchronization, PDF parsing, PPT parsing, filter animations, mask combinations, layer adjustments, and more.

Features

  • Customizable Fonts and Materials: Users can customize fonts and materials in their designs.
  • Design Templates: Access to design templates to kickstart the creative process.
  • PSD Parsing: Ability to parse PSD files and synchronize them as templates.
  • PDF and PPT Parsing: Parse PDF and PPT files, convert PPTX to JSON or generate PPTX with pptxgenjs.
  • Filter Animations: Apply filter animations to images.
  • Layer Adjustments: Combine or split layers, adjust layer order, and customize layer properties.
  • Undo/Redo: Easy undo and redo functionality for design changes.
  • Customizable Appearance: Adjust background, font, stroke, and shadow properties.
  • Custom Fonts and Materials: Users can incorporate custom fonts and materials into their designs.
  • Shortcut Keys and Context Menu: Use shortcut keys and right-click context menus for quick access to functions.
  • Guidelines and Rulers: Toolset includes guidelines and rulers for design precision.
  • Image Replacement and Filters: Swap images and apply various filters.
  • Export Support: Export designs in various formats such as PDF, PNG, JPG, GIF, MP4, PPT, etc.
  • Internationalization: Provides support for multilingual internationalization.
  • Packaging: Enables bundling and deployment of the editor.

Summary

Vue Design Editor is a comprehensive image editing tool that leverages the capabilities of fabric.js and Vue3. With features such as customizable fonts, design templates, PSD parsing, PDF and PPT support, filter animations, and more, this editor caters to a wide range of design needs. Its user-friendly interface, shortcut keys, and export options make it a valuable asset for designers and creative professionals looking to enhance their workflow.