Skinning

osu!

Main page: Skinning.

See also: Skinning osu! Tutorial.

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!standard and osu!catch's combobursts.
  • For v2.3+, this is osu!standard'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

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 Yes (see notes) Yes Normal Centre 118x118

Notes:

  • Animation name: hitcircleoverlay-{n}.png
  • Animation rate: 2 FPS (4 FPS max).
    • This rate is affected by the half time and double time/nightcore the game modifiers.
  • 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.
  • Also used for sliderstartcircleoverlay and/or sliderendcircleoverlay if not skinned.
  • Should be a circle.

hitcircleselect.png

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

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

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 Yes (see notes) Yes Normal Centre 118x118

Notes:

  • Animation name: sliderstartcircleoverlay-{n}.png
  • Animation rate: 2 FPS (4 FPS max).
    • This rate is affected by the half time and double time/nightcore the game modifiers.
  • 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.

sliderendcircle.png

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

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 Yes (see notes) Yes Normal Centre 118x118

Notes:

  • Animation name: sliderendcircleoverlay-#.png, replace # with indexed count (start frame count at zero)
  • Animation rate: 2 FPS (4 FPS max).
    • This rate is affected by the half time and double time/nightcore the game modifiers.
  • 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.

reversearrow.png

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

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.