Easy Way To Draw Your Pixel Arts | vue-pixel-art

Vue Pixel Art is an easy way to draw Pixel Arts and get the CSS code generated from it.

Instructions

  • Click on a square to draw. If it has already been drawn, this square will be transparent again.
  • Hold down the mouse and drag the mouse everywhere in the grid to draw.
  • The Activate Paint/Erase button only works when the mouse is used down and dragged.
  • The size cannot be greater than 100.

How to make use of it:

Fork the project and enter these commands into your terminal:

git clone https://github.com/YOUR_GITHUB_USERNAME/vue-pixel-art.git
cd vue-pixel-art
npm install
npm run serve

draw pixel arts in vue js Plugin/Github


See Demo And Download

Official Website(guastallaigor): Click Here

This superior jQuery/javascript plugin is developed by guastallaigor. For extra advanced usage, please go to the official website.

Related Posts

Star-Rating-Plugin

Star Rating Plugin Control Based On Radio Buttons

Star Rating Radio Buttons, the star rating plugin is a plugin for the jQuery Javascript library that creates a non-intrusive star rating control based on a set…

QR-Code-With-Pure-JavaScript

A Pure QRCode Encode and Decode JavaScript Library | Decoding/Encoding

QR Code With Pure JavaScript – A pure JavaScript QRCode encode and decode library. QR code encoder and decoder instruments help you shortly generate QR codes from…

Vertical-3-Dot-Context-Menu

Simple and Lightweight Vertical 3-Dot Context Menu

The 3-dot Context Menu allows for a simple and lightweight implementation to show 3 vertical dots allowing the user to click and show a menu. Below is…

Pure-JavaScript-Toast-Notification

Pure Toast Notification JavaScript Library | Toastify JS

Toast Notification JavaScript – Toastify JS is an easy, lightweight, vanilla JavaScript library used for sending stackable, non-blocking toast messages to end customers. Features Multiple stacked notifications…

bootstrap-bs-dialogs

Dialogs Based on Bootstrap 5 Modal Component | BS-DIALOGS

BS-DIALOGS is a small library for creating modal windows for notification and input using the Bootstrap 5 modal. It automatically handles DOM processing and provides callbacks to…

image-carousel-slider-cut-js

Creating Swipeable Image Carousel | Slider-cut

slider-cut is a modern, responsive, effective, and easy-to-use mobile circular component that enables you to rotate through images by mouse drag and touch gestures or by pressing…