Manabit Level Up Your Pixel Art

A powerful pixel art editor built for artists and indie game devs. Create stunning pixel art and game assets with cloud sync, layer modifiers, palette management and more advanced features to help you craft beautiful art.

Made by

coldfox

Manabit preview

Manabit preview

Manabit preview

Manabit preview

Manabit Level Up Your Pixel Art

Browse Assets

Free and premium pixel art sprites, tiles, and resources to use in your projects.

Art showcase

Artwork highlight

@username

Featured artwork

Hint of the day

Loading hint...

One moment while we pick a tip for you.

Install App or Use in Browser

Install Manabit for a fullscreen, app-like experience on iPad and desktop. And easily synchronize between all devices.

How To Install:

1

Look for near the top right.

You should see the install icon to the right of the address bar. If you can't find it, try by going to the Browser Settings Menu > More Tools > Apps > Install Manabit.

2

Click Install

You should see a popup asking you to install the app. Click Install to proceed. We recommend you add the shortcut to your task bar or windows menu for quick access.

3

Run the app

Once installed, you can run the app by clicking the newly installed shortcut button in your computer.

Latest update

Recent projects

No recent projects yet.

M

Manabit Elements

Reusable UI kit for product surfaces

Buttons, inputs, cards, and overlays tuned for the pixel editor experience. Drop-in, dark-mode ready, and built on a minimal token set.

Tokens

Accent, surfaces, borders, text

Density

Compact, keyboard friendly

Icons

Bootstrap Icons 1.11

Buttons

Primary, secondary, ghost, icon-only, and size variants.

Interactive

Inputs

Text, search, select, textarea, and toggle states.

Form

Project name

Search

Notes

Autosave

Canvas Components

Swatches, color selectors, number inputs, sliders, tabs, and panels used in the canvas interface.

Canvas

Swatches

Color swatch buttons from the swatches panel

Color Selector

Color button from modifiers panel

Number Inputs

Enhanced number inputs with spinners

Number

Sliders

HSV sliders with gradients from color panel

Hue

Sat

Val

Tabs

Picker tabs from color panel

Palette Selector

Palette selector button from modifiers panel

Panel

Example panel structure similar to swatches-picker

Example Panel

Panel content area

Cards

Media-first cards with tall and wide variations.

Layout

Character Sheet

Sprite atlas for player states

Layered Concept

PSD import with grouped folders

Palette Pack

16 color ramp for UI highlights

Warning card

Use this style for important sign-in or data-loss warnings.

Dragging (Cards)

Universal drag engine: ghost + placeholder + drop zones (vertical / horizontal / grid / cross-zone).

Interaction

Vertical list Reorder up/down

Outline

Drag from anywhere in the card

Shadows

Drag only from the title

Spacing

Drag only from the grip

Scrollable list Auto-scroll near top/bottom

Item 1

Drag to test autoscroll

Item 2

Near edges scrolls faster

Item 3

Hold pointer near top

Item 4

…or near bottom

Item 5

Smooth auto-scroll

Item 6

Stable insertion

Item 7

Keeps scrolling while dragging

Item 8

Try moving across gaps

Item 9

Edge clamp improved

Item 10

More items…

Item 11

More items…

Item 12

More items…

Item 13

More items…

Item 14

More items…

Item 15

More items…

Item 16

More items…

Item 17

More items…

Item 18

Try dragging to very top

Item 19

Try dragging to very bottom

Item 20

End

Horizontal list Reorder left/right

Tab A

Tab B

Tab C

Tab D

Any direction Grid / free placement

Tile 1

Tile 2

Tile 3

Tile 4

Tile 5

Tile 6

Drop zones Drag cards across columns (and into “trash”)

Backlog

Setup palette

Move me →

Add guides

Cross-zone drop

In Progress

Drag engine

Ghost + placeholder

Trash

Drop here to remove

Modals & overlays

Dimmed overlay with panel, header, content, and footer actions.

Buttons

Primary, secondary, ghost, icon-only, and size variants.

Interactive