anzksdk / mural

Mural is a simple design editor built using FabricJS and React(Typescript). Mural offers features akin to canva.com by allowing users to create images, create diagrams, organize compositions using the image editor, and save the finished product to one of numerous export options.

Home Page:https://mural-one.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mural

Mural is a simple design editor built using FabricJS and React(Typescript). Mural offers features akin to canva.com by allowing users to create images, create diagrams, organize compositions using the image editor, and save the finished product to one of numerous export options.

Screenshot 2023-04-22 101234

Features

  • Add, delete, resize, rearrange, copy/paste, and duplicate items
  • Combine or separate objects
  • Lock and unlock items
  • Support for object cropping
  • Canvas zoom/pan
  • Design to Save and Download
  • Interaction modes: ctrl + drag grab and selection.
  • Support for undo/redo
  • Menu in context
  • Support for animation, including Fade, Bounce, Shake, Scaling, Rotation, and Flash effects
  • Support for guidelines
  • Rendering of images on a server

Technologies used:

  • React
  • Typescript
  • Fabric: provides interactive object model on top of canvas element
  • Scenify: for rich features added atop the image designer
  • Base-UI(From MUI) and Styletron: for styling

About

Mural is a simple design editor built using FabricJS and React(Typescript). Mural offers features akin to canva.com by allowing users to create images, create diagrams, organize compositions using the image editor, and save the finished product to one of numerous export options.

https://mural-one.vercel.app

License:MIT License


Languages

Language:TypeScript 97.4%Language:HTML 2.1%Language:JavaScript 0.4%Language:CSS 0.1%