Guest
home
beatmaps
rankings
community
store
help
wiki
  1. index
  2. Skinning
  3. osu! skinning
English
español français 简体中文

osu! skinning

Comboburst

comboburst.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No (see notes) Yes Normal Centre -

Notes:

  • To have multiple combobursts, use: comboburst-{n}.png.
    • One of the images in the set will be appear when a combo milestone is met.
  • For v2.2-, this is osu! and osu!catch's combobursts.
  • For v2.3+, this is osu!'s combobursts.
  • This can be disabled in the options.
  • This should face towards the right.

Default Numbers

default-0.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-1.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-2.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-3.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-4.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-5.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-6.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-7.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-8.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

default-9.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • In v1.0, these expanded then fades out with the hit circle.
    • If Hidden mod is enabled, this will only fade out.
  • In v2.0+, these fade out.
  • This element is downscaled by 0.8x

Hit circles

approachcircle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Multiplicative Centre 126x126

Notes:

  • Tinting depends on the hit circle's combo colour.
  • This element shrinks over time.
    • If Hidden mod is enabled, this element will not be used.
      • To show the first approach circle with Hidden mod enabled, the player will need to enable it in the options.
  • Should be a circle.

hitcircle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Multiplicative Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • This element fades in before getting tapped and expands when tapped or missed.
    • If Hidden mod is enabled, this will fade in before getting tapped and only fade out.
  • Tinting depends on the hit circle's combo colour.
  • Also used for sliderstartcircle and/or sliderendcircle if not skinned.
  • Should be a circle.

hitcircleoverlay.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No (see notes) Yes Normal Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • This element fades in before getting tapped and expands when tapped or missed.
    • If Hidden mod is enabled, this will fade in before getting tapped and only fade out.
  • This can either overlay or underlay the combo number, by default this will always overlay.
    • To make this underlay the combo number, set HitCircleOverlayAboveNumber to 0.
  • Should be a circle.
  • This element was animatable in the past. For full details, see skinning history.

The overlay's visibility on sliders depends on slider circle elements:

  • If sliderstartcircle/sliderendcircle exists in a skin without sliderstartcircleoverlay/sliderendcircleoverlay, then hitcircleoverlay isn't displayed at all on slider starts or ends.
  • If sliderstartcircle/sliderendcircle does not exist, then hitcircleoverlay is used as the overlay sprite for slider starts or ends.

hitcircleselect.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • This element is only used in the beatmap editor.
  • Should be a circle.

followpoint.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All Yes Yes Normal Centre -

Notes:

  • Animation name: followpoint-{n}.png
  • If an arrow-like figure is used, it should point towards the right.
  • This stays on the screen for 1.2 seconds (1200ms).

lighting.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Additive Centre 100x100

Notes:

  • This can be disabled in the options.
  • Tinting depends on the hit circle's combo colour.
  • Used during kiai time:
    • Coloured afterimage as part of hitburst explosion.
    • Glowing behind hit circles during kiai time.
  • This element is also used in osu!taiko and osu!catch.
  • In v2.0+, the expanding animation is smaller.

Slider

sliderstartcircle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Multiplicative Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • Overrides hitcircle.png for the start of the slider, if skinned.
  • This element is the hit circle for the start of the slider.
  • This element fades in before getting tapped and expands when tapped or missed.
    • If Hidden mod is enabled, this will fade in before getting tapped and only fade out.
  • Should be a circle.

sliderstartcircleoverlay.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No (see notes) Yes Normal Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • This element fades in before getting tapped and expands when tapped or missed.
    • If Hidden mod is enabled, this will fade in before getting tapped and only fade out.
  • This can either overlay or underlay the combo number, by default this will always overlay.
    • To make this underlay the combo number, set HitCircleOverlayAboveNumber to 0.
  • Overrides the hitcircle.png image for the start of the slider.
  • sliderstartcircle.png is required for this to work.
  • Should be a circle.
  • This element was animatable in the past. For full details, see skinning history.

sliderendcircle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Multiplicative Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • Overrides hitcircle.png for the start of the slider, if skinned.
  • This element is the hitcircle for the end of the slider.
  • This element fades in before completing and expands when completed.
    • If Hidden mod is enabled, this will fade in before completing and only fade out.
  • Should be a circle.

sliderendcircleoverlay.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No (see notes) Yes Normal Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • This element fades in before completing and expands when completed.
    • If Hidden mod is enabled, this will fade in before completing and only fade out.
  • This can either overlay or underlay the combo number, by default this will always overlay.
    • To make this underlay the combo number, set HitCircleOverlayAboveNumber to 0.
  • Overrides the hitcircle.png image for the start of the slider.
  • sliderendcircle.png is required for this to work.
  • Should be a circle.
  • This element was animatable in the past. For full details, see skinning history.

reversearrow.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 118x118 (circle) 128x128 (whole file)

Notes:

  • osu! will rotate this element to line up with the slider's path.
  • This element will pulse at the bpm.
  • If an arrow-like figure is used, it should point towards the right.

sliderfollowcircle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All Yes Yes Normal Centre 256x256 (see notes)

Notes:

  • Animation name: sliderfollowcircle-{n}.png
  • Max size: 308x308 (hitbox)
  • This element expands briefly when collecting a slider tick.

sliderb.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All Yes (see notes) Yes Multiplicative Centre 118x118

Notes:

  • Animation name: sliderb{n}.png (no hyphen (-))
  • Tinting depends on the hit circle's combo colour.
  • By default, the sliderball flips upon hitting the reverse arrow.
    • To disable this, set sliderballflip to 0.

sliderb-nd.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes (see notes) Multiplicative Centre 118x118

Notes:

  • Ignored if sliderb.png is skinned.
    • Beatmap skinnable if the player skin does not have sliderb.png skinned.
  • Tinted black.
  • This element is the background layer of the default slider ball.

sliderb-spec.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes (see notes) Additive Centre 118x118

Notes:

  • Ignored if sliderb.png is skinned.
    • Beatmap skinnable if the player skin does not have sliderb.png skinned.
  • This element is the top layer of the ball that stays in a static position (does not flip nor rotate).

sliderpoint10.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
1.0 No Yes (see notes) Normal Centre 50x30

Notes:

  • Beatmap Skinnable if the player skin is using v1.0.
  • Used when the player collects a slider tick.
  • Should say "10".

sliderpoint30.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
1.0 No Yes (see notes) Normal Centre 50x30

Notes:

  • Beatmap Skinnable if the player skin is using v1.0.
  • Used when the player starts a slider and/or when they hit the reverse arrow.
  • Should say "30".

sliderscorepoint.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 16x16

Notes:

  • This element is the slider tick.
  • If this element is overlapping the slider start or end, it will not be rendered.
  • This element is also used in osu!taiko.

Spinner

Notice: You cannot mix the old and new spinner styles!

spinner-approachcircle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 384x384

Notes:

  • This element is positioned around 397px vertically.
  • Applied to both styles.
  • Shrinks over time, like approachcircle.png
  • Usage is forced when spinner-circle.png or spinner-top.png is skinned.
  • This element is also used for osu!taiko.

spinner-rpm.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal TopLeft 280x56

Notes:

  • RPM is short for "Revolutions Per Minute"
  • This element is positioned at 139px to the left from the middle of the screen and at 712px height
    • (373,712) at 1024x768
    • (544,712) at 1366x768

spinner-clear.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • This element is positioned around 230px vertically.
  • This appears when the player has fulfilled the spinner.

spinner-spin.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • This element is positioned around 582px vertically.
  • This appears at the start of a spinner.

Spinner (old)

spinner-background.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Multiplicative Centre 1024x702 (see notes)

Notes:

  • osu! is watching for this element. If found, it will force the old styled spinners on v2.0+ (all elements in this section).
  • Using the suggested SD size will help alignment with spinner-metre.png.
  • By default, tinted grey.
    • To change this, use the SpinnerBackground command.

spinner-circle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre -

Notes:

  • This element is positioned around 397px vertically.
  • This element is the rotating part of the spinner.
  • This element is also used for osu!taiko.
    • If using the new spinner style, you can still skin this for osu!taiko.

spinner-metre.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal TopLeft 1024x692

Notes:

  • Positioned 46px away from top and 512px to the left from the middle axis.
    • (0,46) at 1024x768 and (171,46) at 1366x768.
  • This element is the progression bars
  • The highest part of the bar will blink when bonus points are awarded.
    • Blinking can be disabled by setting SpinnerNoBlink to 1 in the skin.ini

spinner-osu.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
1.0 No Yes (see notes) Normal Centre -

Notes:

  • Beatmap Skinnable if the player skin is using v1.0.
  • This appears after the spinner fades out.

Spinner (new)

spinner-glow.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
2.0+ No Yes Additive Centre -

Notes:

  • This element is positioned around 397px vertically.
  • Tinted cyan, blinks white when bonus points are awarded
  • This blinks when awarding bonus points.
  • This element is the lowest layer.

spinner-bottom.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
2.0+ No Yes Normal Centre -

Notes:

  • This element is positioned around 397px vertically.
  • This rotates the slowest.
  • This element is the second lowest layer.

spinner-top.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
2.0+ No Yes Normal Centre -

Notes:

  • This element is positioned around 397px vertically.
  • This rotates the second fastest (slower than spinner-middle2.png).
  • This element is the middle layer.

spinner-middle2.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
2.0+ No Yes Normal Centre -

Notes:

  • This element is positioned around 397px vertically.
  • This rotates the fastest.
  • This element is the second highest layer.

spinner-middle.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
2.0+ No Yes Multiplicative Centre -

Notes:

  • This element is positioned around 397px vertically.
  • Tinted red over time (this is the time indicator).
  • This element is the highest layer.

Particles

particle50.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 7x7

Notes:

  • hit50.png must be skinned.

particle100.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 7x7

Notes:

  • hit100.png must be skinned.
  • This element is used for hit100.png and hit100k.png.

particle300.png

Versions Animatable Beatmap Skinnable Blend Mode Origin Suggested SD Size
All No Yes Normal Centre 7x7

Notes:

  • hit300.png must be skinned.
  • This element is used for hit300, hit300g, and hit300k.

Slider miss indicators (Lazer only)

In the Lazer version of the game, new indicators were added when missing parts of sliders. The following legacy skin elements can be used to skin these. They have no effect in osu!stable.
Skin versions All
Animatable Yes
Beatmap skinnable Yes
Blend mode Normal
Origin Centre
Suggested SD size 16x16
Filename Description
sliderendmiss.png Displays when missing a sliderend.
slidertickmiss.png Displays when missing a slider tick.
This is a development instance of the osu! website. Please do not login with your osu! credentials.