Usage

$ npm install # or pnpm install or yarn install

Features

• Paint, erase, line, paint selection, and bucket fill tools
• Adjustable brush thickness and brush opacity
• Real-time cursor and line preview while painting
• Layer-based workflow with add, delete, duplicate, rename, reorder, visibility toggle, and per-layer opacity
• Undo redo history
• Zoom and pan canvas navigation
• Create projects with custom grid sizes
• Persist and reopen projects from local storage
• Import saved projects from the custom .pxart format
• Export artwork as PNG with configurable output multiplier
• Automatic color palette extraction from the current artwork
• WebGPU-powered rendering pipeline for canvas, layers, and UI overlays

Learn more on the Solid Website and come chat with us on our Discord

Available Scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in the browser.

npm run build

Builds the app for production to the dist folder.
It correctly bundles Solid in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Dev Gallery 😝

Screenshots

Deployment

Learn more about deploying your application with the documentations