UI Editor for CSS Illustrations.
Saves to localStorage and exports to CodePen.
Live app: https://zerodivs.com
More information: https://perals.io/projects/zerodivs/
The app follows usual UI/UX patterns for vector graphics drawing tools, such as drag-and-drop, layers, or color picking. Zooming is done by scrolling with the trackpad or mouse. The following keyboard shortucts can also be used:
Key | Function |
---|---|
a | Select all shapes |
d | Duplicate shapes |
Shift | Keep pressed to select multiple shapes |
Esc | Unselect shapes |
Backspace | Remove shapes |
Delete | Remove shapes |
Arrow keys | Move shapes by 1px |
Meta+c | Copy shapes |
Meta+x | Cut shapes |
Meta+v | Paste shapes |
Meta+z | Undo |
Meta+Shift+z | Redo |
npm install
npm run serve
npm run build
npm run test:unit
npm run lint