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

Features 2l5w12

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 << 3i4j3e

Examples 71m2f

Mini 4e343l

▲ Default style



▲ Round avatar, with background blur and custom color

Full 251v3u

▲ Detailed card



▲ Detailed card with osu!skills



▲ Mania gamemode



▲ Chinese language / 支持中文

Skill 6l3vi

▲ Skill card




▲ Optional rank cycling animation

Open Source 6ml1m

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: 533cu

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: 4e61b

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: 1s2f1f

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: k6u6m

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: 614z6m

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 686c4p

· 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: z2u1w

So this is where I keep seeing these signature profiles lol

yeah its pretty damn neat

DevilFrc wrote: 5b2k3u

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