awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
jvalen avatar

jvalen/pixel-art-react

0
View on GitHub↗
5,849 stars·330 forks·JavaScript·mit·30 viewswww.pixelartcss.com↗

Pixel Art React

Pixel Art React is a browser-based pixel art editor that runs entirely client-side with no server dependency. It provides a grid canvas for drawing and editing pixel art, along with a frame-based animation engine that cycles through multiple frames with configurable playback speed controls.

The editor distinguishes itself through its export capabilities, offering multi-format downloads as static images, animated GIFs, or sprite sheets. It also generates CSS code using box-shadow and keyframe techniques, allowing pixel art and animations to be embedded directly into web pages. Projects are persisted locally in the browser's storage, enabling session-free save and load without any backend infrastructure.

The application includes anonymous usage tracking that collects visit statistics through server logs and client-side page visibility events, avoiding cookies or personal identifiers. The rendering pipeline uses CSS box-shadow on a single DOM element rather than a grid of HTML elements, and exports by rendering grid data onto an off-screen canvas element.

Features

  • Grid Canvas Editors - Provides a grid canvas for drawing and editing pixel art with tools for placing and removing individual pixels.
  • Sprite Sheet Generators - Exports pixel art as animated GIFs or sprite sheets for use in games and web projects.
  • Canvas Data Exports - Exports pixel art by rendering grid data onto an off-screen canvas and converting to PNG, GIF, or sprite sheets.
  • Local Storage Persistence - Saves pixel art projects in the browser's local storage so they persist across sessions without a server.
  • Browser Storage Persistence - Persists project data as JSON blobs in the browser's localStorage API for session-free save and load.
  • Frame-Based Animation Engines - Provides a frame-based animation engine that cycles through pixel art frames with configurable playback speed.
  • Pixel Art Editors - Draws pixel art on a grid canvas with tools for placing and removing individual pixels.
  • Animation Tools - Provides a browser-based pixel art editor with frame-by-frame animation and configurable playback speed controls.
  • Pixel Art Animation Tools - Animates pixel art by defining multiple frames and controlling playback speed.
  • Multi-Format Asset Exports - Downloads pixel art as static images, animated GIFs, or sprite sheets for diverse project use.
  • Box-Shadow Renderers - Renders pixel art using CSS box-shadow on a single DOM element instead of a grid of HTML elements.
  • Browser-Based Drawing Applications - Runs entirely in the browser as a drawing application with local storage persistence and no server dependency.
  • Pixel Art CSS Toolkits - Generates ready-to-use CSS code that renders pixel art via box-shadow and keyframes.
  • CSS Code Generators - Generates CSS code using box-shadow and keyframes to render pixel art and animations on web pages.

Star history

Star history chart for jvalen/pixel-art-reactStar history chart for jvalen/pixel-art-react

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does jvalen/pixel-art-react do?

Pixel Art React is a browser-based pixel art editor that runs entirely client-side with no server dependency. It provides a grid canvas for drawing and editing pixel art, along with a frame-based animation engine that cycles through multiple frames with configurable playback speed controls.

What are the main features of jvalen/pixel-art-react?

The main features of jvalen/pixel-art-react are: Grid Canvas Editors, Sprite Sheet Generators, Canvas Data Exports, Local Storage Persistence, Browser Storage Persistence, Frame-Based Animation Engines, Pixel Art Editors, Animation Tools.

Which projects share features with jvalen/pixel-art-react?

Projects with overlapping indexed features include: piskelapp/piskel — Piskel is a web-based graphics tool and pixel art editor designed for creating static sprites and frame-by-frame… lospec/pixel-editor — Pixel-editor is a browser-based graphics tool designed for the creation and editing of pixel art. It provides a… orama-interactive/pixelorama — Pixelorama is a cross-platform digital art multitool designed as a pixel art editor, frame-based animation tool, and… libresprite/libresprite — LibreSprite is a digital art application for designing precise pixel characters and objects. It functions as a 2D… pixieditor/pixieditor — PixiEditor is a multi-functional graphics suite that serves as a pixel art editor, a node-based graphics editor, and a… sparksuite/simplemde-markdown-editor — This project is a browser-based Markdown composer and an embeddable JavaScript component designed to replace standard…

Projects sharing features with Pixel Art React

These projects share indexed features with Pixel Art React. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • piskelapp/piskelpiskelapp avatar

    piskelapp/piskel

    12,588View on GitHub↗

    Piskel is a web-based graphics tool and pixel art editor designed for creating static sprites and frame-by-frame animations. It functions as an animated sprite creator that produces single frames and sprite sheets with adjustable scaling and layout. The project provides a grid-based interface for producing digital art and game assets. It supports both the creation of animated sequences for game characters and the design of static images tailored for game engines. The tool includes capabilities for layer-based composition and frame-based animation sequencing. It also offers a standalone deskt

    JavaScript
    View on GitHub↗12,588
  • lospec/pixel-editorlospec avatar

    lospec/pixel-editor

    1,100View on GitHub↗

    Pixel-editor is a browser-based graphics tool designed for the creation and editing of pixel art. It provides a digital drawing environment that allows users to manipulate individual pixels on a grid-based canvas to produce retro-style graphics and sprite assets directly within a web browser. The application features a local storage workspace manager that enables users to maintain a customizable creative workflow. By saving interface preferences and tool visibility settings directly to the browser, the editor allows for persistent workspace configurations tailored to specific project requirem

    JavaScripteditorpalettepixel-art
    View on GitHub↗1,100
  • orama-interactive/pixeloramaOrama-Interactive avatar

    Orama-Interactive/Pixelorama

    9,738View on GitHub↗

    Pixelorama is a cross-platform digital art multitool designed as a pixel art editor, frame-based animation tool, and tilemap design suite. It provides specialized utilities for drawing low-resolution sprites with pixel-perfect precision and generating sprite sheets for game engines. The software distinguishes itself through a dedicated tilemap design system supporting rectangular, isometric, and hexagonal sets, and a frame-based animation system featuring onion skinning and audio synchronization. It also includes a plugin system that allows the installation of community-developed tools for as

    GDScriptanimationartdraw
    View on GitHub↗9,738
  • libresprite/librespriteLibreSprite avatar

    LibreSprite/LibreSprite

    7,007View on GitHub↗

    LibreSprite is a digital art application for designing precise pixel characters and objects. It functions as a 2D sprite editor, palette-based image editor, and pixel art animation software. The application specializes in creating frame-based pixel art animations using onion skinning and layer management. It also includes a tiled texture creator for producing seamless repeating patterns and textures through a synchronized tiled viewport. The software covers a broader range of game asset pipeline capabilities, including the creation of static pixel art and the management of fixed color palett

    C++animationcpluspluscpp
    View on GitHub↗7,007
Compare all 30 related projects→