Skip to content

UI Editor for creating CSS illustrations with a single HTML element

Notifications You must be signed in to change notification settings

jperals/zerodivs

Repository files navigation

ZeroDivs

UI Editor for CSS Illustrations.

Saves to localStorage and exports to CodePen.

Live app: https://zerodivs.com

More information: https://perals.io/projects/zerodivs/

Animated Gif showing ZeroDivs in action. The word "CSS" is created by dragging and editing shapes into a canvas

Basic usage

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

Local project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

About

UI Editor for creating CSS illustrations with a single HTML element

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages