I made a new signature generator that generates an SVG card in the latest osu!web style. Inspired by osu!next Signature Generator.

Features d5549

1. all gamemodes
2. osu!web profile style
3. 4 styles to choose (full, mini, skills)
4. Display avatar and profile cover in the signature card
5. osu!skills chart
6. Intro animation (optional)
7. Customizable colors, background blur, and more

>> Go to the generator << l1n4e

Examples 1x4c3l

Mini 5l2bs

▲ Default style



▲ Round avatar, with background blur and custom color

Full 511w17

▲ Detailed card



▲ Detailed card with osu!skills



▲ Mania gamemode



▲ Chinese language / 支持中文

Skill 3s1o43

▲ Skill card




▲ Optional rank cycling animation

Open Source 33n5v

Github link is here

It actually looks stunning. The intro animation is a bit jaw dropping.
Like how its size can also be readjusted.

Nice.

Oh wow. This is... the future... so cool!!!!!

This is really something cool, pretty amazing visual-wise and it contains most player's stats just like how the web page does it, but in a card form! goodjob!

looks really good :O

It's really cool, I wish there is option for 750px x 120px size so it would fill up the entire signature width

Whooo eeee~ This's really neat!

pog

This is pretty good ^^

It would be nice if you could add customizable padding/margins too

This is really awesome!

Corne2Plum3 wrote: 3y1z1p

This is pretty good ^^

It would be nice if you could add customizable padding/margins too

Now it s custom margins(in extra options menu). The signature is generated from an svg template, so custom margins may not be ed.

okay now this is pretty gamer

wow, i like that.

That's so good

Wow, fantastic

How do I add it to my signature? Sorry if this is a stupid question.

Foxrish wrote: 6a3u42

How do I add it to my signature? Sorry if this is a stupid question.

Insert the generated url as an image.

Okay

cool signature generator
Save to my bookmark

Can you make an option that you can customize the UI Font? dunno if that's possible

NerdKid wrote: 4a73x

Can you make an option that you can customize the UI Font? dunno if that's possible

The current font is embedded as paths in the SVG. I know it's an inflexible and difficult to maintain solution, but I had to do this because of the unpredictable alignment issue between English and CJK characters. Therefore, for now, the only way to add new fonts is to edit the SVG template, which is a complicated process.

Maybe separating the CJK and western languages' templates is a good option so that we can customize the English fonts without affecting the other languages. I may implement this option soon if I have spare time.

Anyway, please leave the name of the font you want to add so that I can add it to the presets.

I see, I really want to see the Torus font being added on the UI of this Signature Generator that you've created, it's the same font that this website uses, thanks in advance btw.

this is awesome

honestly really cool project youve made, only fault is that "orange" should be named "yellow" and "dark orange" as "orange" since your listed "orange" is more yellow than orange. past that its pretty much perfect, great job!

->

This is sick!

Clasmia wrote: 486857

honestly really cool project youve made, only fault is that "orange" should be named "yellow" and "dark orange" as "orange" since your listed "orange" is more yellow than orange. past that its pretty much perfect, great job!

->

I got these color names from the osu-web source code, but I think you are right. So I've changed them to "yellow" and "orange" as you suggested.

I feel really stupid but how do I get it to be my signature and not a link xD

Jacuzziz wrote: 2v6l49

I feel really stupid but how do I get it to be my signature and not a link xD

just put the link between

Example:

[img]https://osu-sig.vercel.app/card?=15646039&mode=std&lang=en&blur=6&round_avatar=true&animation=true&hue=255&mini=true[/img]

Thank you very much, appreciate it !

looks cool, love it

me when

✨ Now it s osu!skills

cool

really cool

New update 101qf

· Add exclusive skills card (with optional alternating animation between global and country ranking):







· Refined generating page with previews, which is more straightforward

Now you have 4 styles to choose!

It's incredible

This is actually very well done, Good job!

This is amazing!

Thank u 🔥

So this is where I keep seeing these signature profiles lol

This is amazing but the skill card is not working rn

Stomiks wrote: 2f594c

So this is where I keep seeing these signature profiles lol

yeah its pretty damn neat

DevilFrc wrote: 2zt3c

This is amazing but the skill card is not working rn

Probably caused by network fluctuation. It's temporary, just wait for the cache to be cleared.

ok

really amazing work, good job

nice, like that <3

Great job, what a nice signature.

Yooo this is epic omg

this is cool

Looks great... will be switching to this

I know this will be ignored but is it possible to make an option to turn the card into a png instead of svg?

nice

ok this is great but im a little confused on how to add my skills to the card?

Jebus1 wrote: 6d543n

ok this is great but im a little confused on how to add my skills to the card?

Select one of these 2 options

PoPuRo43 wrote: 265817

I know this will be ignored but is it possible to make an option to turn the card into a png instead of svg?

I tried to implement that before but it's hard to be perfect or there will be a great performance overhead so I didn't add that option

it's so cool

keep it up

pretty cool

Actually amazing

this is amazing!

Doing gods work. I would include a way to link it back to the site when you click it, as ive been looking for this tool for weeks lol

Eyeonized wrote: 5k255x

Doing gods work. I would include a way to link it back to the site when you click it, as ive been looking for this tool for weeks lol

You can do it like this:

[url=site link][img]card link[/img][/url]

It works like I did on my signature so it doesn't need to be a feature on the website.

Karmine wrote: 6c5h1b

Eyeonized wrote: 5k255x

Doing gods work. I would include a way to link it back to the site when you click it, as ive been looking for this tool for weeks lol

You can do it like this:

[url=site link][img]card link[/img][/url]

It works like I did on my signature so it doesn't need to be a feature on the website.

Thank you for reminding me, however I feel there should be a 'copy bbcode' button that automatically links to the main site, the same way any flag counter would
it would be even better if it previewed and displayed it on the same site instead of opening a new window, that way you could configure it before you make it. I had to play around to get the right size box for my profile. Then once you've configured it you could get a bbcode (with link) and bbcode (without link) button to press and paste in wherever you need it

Eyeonized wrote: 5k255x

Karmine wrote: 6c5h1b

Eyeonized wrote: 5k255x

Doing gods work. I would include a way to link it back to the site when you click it, as ive been looking for this tool for weeks lol

You can do it like this:

[url=site link][img]card link[/img][/url]

It works like I did on my signature so it doesn't need to be a feature on the website.

Thank you for reminding me, however I feel there should be a 'copy bbcode' button that automatically links to the main site, the same way any flag counter would
it would be even better if it previewed and displayed it on the same site instead of opening a new window, that way you could configure it before you make it. I had to play around to get the right size box for my profile. Then once you've configured it you could get a bbcode (with link) and bbcode (without link) button to press and paste in wherever you need it

Yeah, the site hasn't been updated for over a year though so I don't think it's going to happen.

Karmine wrote: 6c5h1b

Eyeonized wrote: 5k255x

Karmine wrote: 6c5h1b

Eyeonized wrote: 5k255x

Doing gods work. I would include a way to link it back to the site when you click it, as ive been looking for this tool for weeks lol

You can do it like this:

[url=site link][img]card link[/img][/url]

It works like I did on my signature so it doesn't need to be a feature on the website.

Thank you for reminding me, however I feel there should be a 'copy bbcode' button that automatically links to the main site, the same way any flag counter would
it would be even better if it previewed and displayed it on the same site instead of opening a new window, that way you could configure it before you make it. I had to play around to get the right size box for my profile. Then once you've configured it you could get a bbcode (with link) and bbcode (without link) button to press and paste in wherever you need it

Yeah, the site hasn't been updated for over a year though so I don't think it's going to happen.

Because its stable and I don't have good idea about new features so I just kept it there.

But this is a good idea! I will look into it.

solstice23 wrote: 1t5v45

Karmine wrote: 6c5h1b

Eyeonized wrote: 5k255x

Karmine wrote: 6c5h1b

Eyeonized wrote: 5k255x

Doing gods work. I would include a way to link it back to the site when you click it, as ive been looking for this tool for weeks lol

You can do it like this:

[url=site link][img]card link[/img][/url]

It works like I did on my signature so it doesn't need to be a feature on the website.

Thank you for reminding me, however I feel there should be a 'copy bbcode' button that automatically links to the main site, the same way any flag counter would
it would be even better if it previewed and displayed it on the same site instead of opening a new window, that way you could configure it before you make it. I had to play around to get the right size box for my profile. Then once you've configured it you could get a bbcode (with link) and bbcode (without link) button to press and paste in wherever you need it

Yeah, the site hasn't been updated for over a year though so I don't think it's going to happen.

Because its stable and I don't have good idea about new features so I just kept it there.

But this is a good idea! I will look into it.

Oh nice.

Thanks for the great signature :3

you ate this up

Let me save this

super awesome ty