Let's move this project forward!

[samjco]

There is huge potential for this project. It is very lightweight and easy. Just needs some UX and other functionality.

@fabiorino What do you think about using FabricJS ( http://fabricjs.com/demos/) for the canvas? This will give you the capabilities to do all sorts of things in Crelly.

Suggestions for improvements.

• Move layer/slider controls to a slide "tabbed" sidebar.
• Add a layering drag-drop system.
• Add button for even spacing for Horizontal/Vertical.
• Show actual canvas outline through the layers so we can see if our layer is much larger than the bounds.
• Change coordinates inputs to a number (step) input - so that we can click to increase/decrease.
• Add the keyboard inputs for moving/deleting a layer.
• Move the save button to get to it easier. Maybe add auto-saving after few seconds.
• Turn CSS editor into a code editor add some instructions on how to add code..
• Add an option for vector shapes. Fabric has this built-in. But another ref: (https://two.js.org/ or http://paperjs.org/features/)
• Add a export feature for exporting the code (HTML/JS/CSS) for template use. This will allow us to add (e.g: ACF) dynamics to the exports.
• Add more CSS animation choices: https://animate.style/
• Add a way and documentation on how to extend Crelly.

These are just some thoughts and would love to hear what you think!