Skip to content
MiliastryEspañolOpen Miliastry

The modern osu! BBCode editor & userpage maker.

Write your userpage in BBCode and see it the way osu! will show it, as you type. Broken tags get caught before you paste, and image maps and tables get built for you.

Open MiliastryExplore the editor

Free and in your browser. Sign in with osu! to keep your pages in the cloud.

What you write 956 characters of BBCode
[centre][size=200][b][color=#FF66AB]Y[/color][color=#E671C2]o[/color][color=#CD7BD8]u[/color][color=#B486EF]r[/color][color=#A195FA]N[/color][color=#95AAFB]a[/color][color=#89BEFB]m[/color][color=#7DD3FC]e[/color][/b][/size]
[i]mapper, tablet player, awake at 3am[/i]

[imagemap]
https://hxovc.s-ul.eu/5xNRfhbX
15 23 18 32 https://osu.ppy.sh/users/hxovc hxovc
50 48 15 27 https://osu.ppy.sh/users/Sarichus Sarichus
65 23 16 28 https://osu.ppy.sh/users/ElMick33 ElMick33
[/imagemap]
[size=85][i]art: [url=https://www.pixiv.net/en/artworks/144217316]ミント、ナナリ、ちぃちゃん[/url] by [url=https://www.pixiv.net/en/users/61697971]tem[/url][/i][/size]
[/centre]
[box=about me]
hi! I map [b]stream[/b] maps and play way too much [color=#7dd3fc]tech[/color].
my first ranked set is almost done.
[/box]
[box=setup]
[list]
[*][b]tablet[/b] Wacom CTL-472, full area
[*][b]keyboard[/b] custom 60%
[/list]
[/box]
[notice][centre]now playing [i]Freedom Dive[/i][/centre][/notice]
What osu! shows
YourName
mapper, tablet player, awake at 3am

art: ミント、ナナリ、ちぃちゃん by tem
about me
hi! I map stream maps and play way too much tech.
my first ranked set is almost done.
setup
  • tablet Wacom CTL-472, full area
  • keyboard custom 60%
now playing Freedom Dive

Meet the editor.

Code on the left, your profile on the right, always in step. Point at a line and its block lights up; point at a block and you get its lines.

BBCode Editor
[centre][size=200][b]YourName[/b][/size]
[i]mapper, tablet player, awake at 3am[/i][/centre]

[box=about me]
hi! I map [b]stream[/b] maps and play way too much [color=#7dd3fc]tech[/color].
my first ranked set is almost done.
[/box]
[box=setup]
[list]
[*][b]tablet[/b] Wacom CTL-472, full area
[*][b]keyboard[/b] custom 60%
[/list]
[/box]
[notice][centre]now playing [i]Freedom Dive[/i][/centre][/notice]
PreviewPoint at a line or a block
YourName
mapper, tablet player, awake at 3am

about me
hi! I map stream maps and play way too much tech.
my first ranked set is almost done.
setup
  • tablet Wacom CTL-472, full area
  • keyboard custom 60%
now playing Freedom Dive

BBCode breaks quietly.

Spell it [center], forget one [/b], and osu! prints the tags on your profile as plain text. Nothing warns you. You find out after you save, or when someone tells you.

Miliastry checks your BBCode as you type and points at the line before it reaches your profile. Many problems come with a fix you apply in one click.

The preview uses osu!'s own class names and colours, and is tested against osu!'s BBCode examples and real userpages.

BBCode Editor
[center][size=150][b]YourName[/b][/size][/center]
[box=about me]
I map [i]hard[/i] stream maps and play tech.
[url=osu.ppy.sh/beatmapsets]my maps[/url]
[b]now playing: Freedom Dive
[/box]
PreviewAs osu! prints it
[center]YourName[/center]
about me
I map hard stream maps and play tech.
[url=osu.ppy.sh/beatmapsets]my maps[/url]
[b]now playing: Freedom Dive
Problems3
  • Use [centre] instead of [center]Ln 1Replace [center] with [centre]
  • Link "osu.ppy.sh/beatmapsets" has no protocol — it will resolve against osu!'s own domainLn 4Prefix the link with https://
  • Missing [/b] — the tag was closed automaticallyLn 5Insert [/b]
Highlighted text in the preview is BBCode osu! failed to read.

The painful parts of BBCode, done with tools.

Image maps, tables and whole profile sections used to mean a notepad, a calculator and a lot of saving. In Miliastry each one has a tool, and every tool writes plain BBCode you can still read and edit.

Image maps without the percentages.

Drop an image, drag out the areas and give each one a link. The builder writes the coordinates. In the preview, clicking an area shows the osu! player or page it points to before anything opens.

collab.jpg2279 × 1281, dropped onto the builder

Art: ミント、ナナリ、ちぃちゃん by tem, on pixiv.

Start a section from a block.

Block Templates insert ready-made sections you fill in instead of writing from scratch. Several can read your osu! profile and fill themselves in: rank, pp, top play, socials.

Inserted BBCode
[centre]
[box=✧ YourName ✧]
[size=130][b]YourName[/b][/size]
[size=85][i]osu! player[/i][/size]

Write something about you...

[size=75]🌍 Country[/size]
[/box]
[/centre]
Preview
✧ YourName ✧
YourName
osu! player

Write something about you...

🌍 Country

Tables, in a language without tables.

osu! BBCode has no table tag. The Table Builder lines your cells up inside a code block, so the columns stay straight on every profile. Edit a cell and watch it re-align.

BBCode
[code]
╭──────┬───────┬──────────╮
│ Mod  │ Plays │ Accuracy │
├──────┼───────┼──────────┤
│ HD   │ 1,204 │   98.12% │
│ HDDT │   312 │   96.40% │
│ HR   │    87 │   97.05% │
╰──────┴───────┴──────────╯
[/code]
Preview
╭──────┬───────┬──────────╮
│ Mod  │ Plays │ Accuracy │
├──────┼───────┼──────────┤
│ HD   │ 1,204 │   98.12% │
│ HDDT │   312 │   96.40% │
│ HR   │    87 │   97.05% │
╰──────┴───────┴──────────╯

And the rest of the toolbox.

The small things that add up to never opening a notepad for your profile again.

YourName

You write[gradient=#ff66ab,#a78bfa,#7dd3fc]YourName[/gradient]

osu! gets 192 characters[color=#FF66AB]Y[/color][color=#E671C2]o[/color][color=#CD7BD8]u[/color][color=#B486EF]r[/color][color=#A195FA]N[/color][color=#95AAFB]a[/color][color=#89BEFB]m[/color][color=#7DD3FC]e[/color]

Gradient text, without the spreadsheet

Write one [gradient] tag. Miliastry exports a [color] for every letter, the only way osu! can show it. Type your own name.

Type an abbreviation

Ctrl+K

Every command one shortcut away. Abbreviations expand to nested tags as you type.

Themes

osu!, Miliastry and SYNE built in. More arrive as plugins.

[box=our collab]
[imagemap]
https://hxovc.s-ul.eu/5xNRfhbX
15 23 18 32 https://osu.ppy.sh/users/hxovc hxovc
50 48 15 27 https://osu.ppy.sh/users/Sarichus Sarichus
65 23 16 28 https://osu.ppy.sh/users/ElMick33 ElMick33
[/imagemap]
[size=85][i]art: [url=https://www.pixiv.net/en/artworks/144217316]ミント、ナナリ、ちぃちゃん[/url] by [url=https://www.pixiv.net/en/users/61697971]tem[/url][/i][/size]
[/box]

Edit together

Share a link and work on the same page at the same time.

YourName
about me
hi! I map stream maps.
[centre][size=150][b]YourName[/b][/size][/centre]
[box=about me]
hi! I map [b]stream[/b] maps.
[/box]

Paste from osu!

Copy your userpage straight off osu! and paste it in. It comes back as BBCode.

In your pocket

The editor reflows for tablets and phones, so an idea on the bus is not lost.

Try it: this copies the page from the editor above.

One click to osu!

Export gives you exactly what osu! expects, and nothing it would print as text.

The Workshop

Publish a page or a block, and let others star it, comment on it and start from it.

YourName
modding queue: open

queue rules
std only, 4+ minutes, no anime openings
(okay, some anime openings)
ranked sets
  • Artist - Song [Insane]
  • Artist - Another Song [Extra]
[centre][size=150][b]YourName[/b][/size]
[i]modding queue: open[/i]

[notice][centre][b]queue rules[/b]
std only, 4+ minutes, no anime openings
(okay, some anime openings)[/centre][/notice][/centre]
[box=ranked sets]
[list]
[*]Artist - Song [Insane]
[*]Artist - Another Song [Extra]
[/list]
[/box]

Visual modeExperimental

Switch the editor from code to blocks. Select, drag and type on the page itself, and the BBCode follows every change.

Made to sit next to osu!.

  1. 1Sign in with osu!

    Your osu! account is your Miliastry account. No new password.

  2. 2Bring your current page

    Copy your userpage straight off your osu! profile and paste it into the editor. It comes back as BBCode.

  3. 3Work on it anywhere

    Pages autosave as drafts and sync to your library, on a desktop, a tablet or a phone.

  4. 4Export and paste

    Export BBCode gives you exactly what osu! expects. Paste it into your profile and save once.

Built for the people who still care about making something weird with their profile.

  • A mapper

  • A tournament player

  • Someone who just likes boxes

Example pages, built from the same blocks every new page starts with.

The Workshop. Publish a page or a block. Other players can star it, comment on it and start their own page from it.

Made by one person. Miliastry is free and built by hxovc. If it helps your profile, Ko-fi keeps it going.

Questions, answered.

What people ask before their first page: what Miliastry is, how it fits osu!, and why a tag sometimes prints as text.

  1. What is Miliastry?

    Miliastry is a free osu! BBCode editor and userpage maker that runs in your browser. It is also a visual builder: write BBCode directly, or edit the rendered page and let Miliastry write the tags.

  2. How do I make an osu! userpage with Miliastry?

    Open the editor and start from a blank page, a block template, or your current userpage pasted from osu!. Edit in code or on the canvas, check the result in the preview, then export the BBCode and paste it into your osu! profile.

  3. Can I build a userpage without writing BBCode?

    Yes. Canvas Studio edits the rendered page directly: select a block, drag it, type on it, and the BBCode follows. The code editor stays one switch away, so you can move between both views of the same document.

  4. Why does my BBCode show up as text on osu!?

    osu! prints a tag as text when it does not know it, or when it is unclosed or crossed. A common one is [center]: osu! expects [centre]. Miliastry checks the page as you type, points at the line, and fixes most findings in one click.

  5. How do I add an image map to my osu! profile?

    Drop the image into the Image Map builder, draw the areas, and give each one a link. The builder writes the coordinates and the BBCode, and the preview lets you test every area before you paste it into your profile.

  6. Is Miliastry free?

    Yes. Miliastry is free to use, and editing works in the browser without installing anything. It is made by one person and supported through Ko-fi.

  7. Do I need an osu! account to use it?

    No. You can write and export a page without signing in. Signing in with osu! adds cloud saving, your library and the Workshop, and uses osu!'s own OAuth, so there is no separate password.

  8. Does Miliastry work on a phone or tablet?

    Yes. The editor reflows for tablets and phones, and pages sync to your library, so you can start on one device and finish on another.

  9. Will my page look the same on osu!?

    The preview uses osu!'s own class names and colours and is tested against osu!'s BBCode examples and real userpages. Export produces only BBCode osu! accepts, with nothing it would print as text.

  10. Is Miliastry affiliated with osu!?

    No. Miliastry is independent and not affiliated with osu! or ppy Pty Ltd. It signs you in with osu!'s OAuth and exports BBCode for your profile, nothing more.

  11. What is Quasar?

    Quasar is the BBCode document engine behind Miliastry: a TypeScript parser with an incremental syntax tree, diagnostics and exporters. It keeps the code editor, the canvas and the preview on the same document.

This headline is one [gradient] tag, exported for osu!.

Open Miliastry →