Materialvect banner

Materialvect

6 devlogs
49h 15m 18s

A free, open-source, local Canva alternative for designing vector graphics. Materialvect has a custom file format, Material Vector, which is a .zip file with an SVG (main structure), CSS (styling), JS (animations) and a assets/ folder that contain…

A free, open-source, local Canva alternative for designing vector graphics. Materialvect has a custom file format, Material Vector, which is a .zip file with an SVG (main structure), CSS (styling), JS (animations) and a assets/ folder that contains the vector’s images and fonts. You can also export the file as a .mvct or a .svg file.

Demo Repository

Loading README...

leethana

Shipped this project!

Hours: 49.26
Cookies: 🍪 311
Multiplier: 6.31 cookies/hr

I built Materialvect which is a free, open-source, fully local Material 3 Expressive SVG editor. I learnt many new Project Fugu APIs such as Web File System Access, Local Fonts, Web File Handler, Async Clipboard APIs to name a few. I also learnt how zip based file storages work with my custom .mvct format.

leethana

Changes:

  • Google Identity Services to back vectors up
  • Terms of Service
  • Privacy Policy
  • Welcome page
0
leethana

Changes:

  • Insert more shapes
  • Insert images
  • Insert fonts
  • Upload images
  • Local fonts
  • Uploaded fonts
  • Material theme generator
  • PWA
  • .mvct launch handing
  • Web Async Clipboard API for pasting images and text
  • .mvct, .svg, .png export
0
leethana

Changes:

  • New app bar with actions
  • Insert rectangle
  • Moved editor logic from Vue component to Pinia store
Attachment
0
leethana

Added more properties you can edit in the inspector. Also added the ability to upload mvct files.

Attachment
0
leethana

Changes:

  • Fixed bug with file system access api resetting after different sessions (now added a button to ask the user to grant access)
  • Dragging editor
  • Can load the SVG file
0
leethana

Created the homepage, new page, and editor page. Also created the .mvct file format and it can now read and create .mvct files.

0