Skip to content
← All free tools

LOCAL FILES. INSTANT WORKFLOW.

Button State Generator

Create hover, pressed, disabled, and selected states from one button image.

See what you’ll get ↓
  1. Add your default button
  2. Generate and review five states
  3. Download the states you need
● Local processing · Files clear on refresh
Start with one button imageDrag and drop here, or browse your device

PNG, JPEG, or still WebP · Up to 40 MB / 32 megapixels

Your preview will appear here

Start with one button image, then follow the settings below.

See an example of the output ↓

How to get your result

Click Generate states to create default, hover, pressed, disabled, and selected images with local color adjustments.

A useful tip

No extra setup is needed. After downloading, assign the images to the matching button states in your engine.

Choose a file above to unlock the controls.

WHAT YOU’LL GET

One button. Five matching states.

Illustrative example
01 / INPUT
PLAY

Your default button

02 / OUTPUT
DefaultHoverPressedDisabledSelected

Default / hover / pressed / disabled / selected

Included in your download

  • 5 state images · PNG
  • All states · ZIP

Every state keeps the same shape, size, and transparency. These are images; interaction behavior is connected in your engine.

Example only. Your actual result appears in the workbench after you prepare it. Download before refreshing; files stay in this tab.