Open Source JavaScript Pixel Art Software

Piskel is a free, open-source online editor tailored for creating animated sprites and pixel art directly in the browser. Designed with simplicity and accessibility in mind, it offers a user-friendly interface that caters to both beginners and experienced artists. Piskel supports real-time previews, layers, and a variety of tools to streamline the pixel art creation process.

Reddit Place KCorp Overlay is a UserScript designed to assist the Karmine Corp (KCorp) community during Reddit's r/place 2022 event. It overlays a template on the Reddit canvas, guiding participants in placing pixels accurately to collaboratively recreate the KCorp logo and designs. This tool was instrumental in coordinating efforts among fans to maintain the integrity of their artwork during the event.

Obelisk.js is a JavaScript library for creating pixelated isometric graphics using HTML5 canvas. It provides a simple and flexible API to render isometric elements like bricks, cubes, and pyramids, making it ideal for developing retro-style games and visualizations.

Pixel It is a JavaScript library that converts images into pixel art. It allows users to define pixel sizes, apply color palettes, and convert images to grayscale, providing a simple way to create pixelated versions of images for various applications.

frontend-park is a collection of engaging frontend projects and experiments, showcasing various web technologies. It includes examples ranging from pose and face recognition using TensorFlow.js to WebRTC-based video calls and Three.js 3D animations. This repository serves as a playground for exploring and learning modern frontend development techniques.

Pixa.Pics is an open-source web-based pixel art editor that combines the simplicity of Paint with the power of Photoshop, tailored specifically for pixel art creation. It offers a range of features including NFT creation and blockchain integration, making it a modern tool for digital artists.

Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify animation settings, and save or load your projects, among others.