
UI Editor for creating CSS illustrations with a single HTML element
ZeroDivsUI Editor offers a unique and intuitive platform for creating CSS illustrations effortlessly. The app utilizes familiar UI/UX patterns typical of vector graphics tools, making it accessible for both beginners and experienced users alike. With features specifically designed to streamline the drawing process, it allows users to focus on their creativity without getting bogged down by complex tools or functionalities.
This editor not only saves your projects locally but also enables easy exporting to platforms like CodePen. Whether you're designing for personal projects or professional use, ZeroDivsUI streamlines the process of crafting visually appealing CSS styles and layouts, all while employing a drag-and-drop interface for simplicity.
User-Friendly Interface: The editor follows common UI/UX patterns for easy interaction, allowing users to drag and drop shapes seamlessly onto a canvas.
Multiple Shortcuts: A range of keyboard shortcuts enhances workflow efficiency, enabling quick selections, duplication, and editing without breaking the creative flow.
Local Storage and Exporting: Projects are saved directly to local storage, with the option to export your designs effortlessly to CodePen for further sharing and development.
Zoom Functionality: Users can zoom in and out using the trackpad or mouse scroll, providing great flexibility in working on detailed illustrations.
Layer Management: The application supports layers, giving users more control over their designs and allowing for complex compositions.
Real-time Feedback: The app compiles and hot-reloads during development, meaning users can see their changes live and make adjustments on the fly.
Testing and Linting Support: Built-in capabilities to run unit tests and lint files ensure that the final outputs are both functional and optimized.
Configuration Customization: The tool allows for various custom configurations to tailor the experience to suit project needs.

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.