Typescript: Official TypeScript badge for READMEs

[trivikr]

Search Terms

badge, typescript badge

Suggestion

Official TypeScript badge (just like jest has one in their README)

Use Cases

There's no official badge for projects that use TypeScript.
There's an unofficial repo which provides different options for typescript badges https://github.com/ellerbrock/typescript-badges

[DanielRosenwasser]

Would be interesting if we could get a Bᴜɪʟᴛ Wɪᴛʜ TʏᴘᴇSᴄʀɪᴘᴛ badge of some sort made.

[MartinJohns]

@DanielRosenwasser I let my creative side flow free and created this badge for you: https://imgur.com/bLmkPCR

Feel free to use it!

[DanielRosenwasser]

Damn that's good - it looks like it might say "BuiLt with TyreScrirt ❤", which I think kind of symbolizes how everyone sees something different in what they love about TypeScript.

[tonisostrat]

What about something like this? :D

[DanielRosenwasser]

Okay, this is getting extremely competitive. I'm excited to see where the community goes with this.

[weswigham]

[trivikr]

[styfle]

Here's a couple made with https://badgen.net

![ts](https://badgen.net/badge/Built%20With/TypeScript/blue)

![ts](https://flat.badgen.net/badge/Built%20With/TypeScript/blue)

Update 1

I submitted a PR to add the TS logo https://github.com/badgen/badgen-icons/pull/12

![ts](https://badgen.net/badge/-/TypeScript/blue?icon=typescript&label)

![ts](https://flat.badgen.net/badge/-/TypeScript/blue?icon=typescript&label)

Update 2

![ts](https://badgen.net/badge/-/TypeScript?icon=typescript&label&labelColor=blue&color=555555)

![ts](https://flat.badgen.net/badge/-/TypeScript?icon=typescript&label&labelColor=blue&color=555555)

Make your own here: https://badgen.net

[southpolesteve]

Can we have a special badge if the project enables strict mode? 🤗

[mceachen]

[fatcerberus]

Does anyone actually use tsc in loose mode nowadays? Other than for legacy reasons, of course. Enabling all the strict flags is literally the first thing I do in any new project now.

[fkleuver]

Does anyone actually use tsc in loose mode nowadays?

If you're being very nit-picky, TypeScript itself since they don't have the real 💪 strict mode enabled (strictFunctionTypes and strictBindCallApply are missing) ;)

[johnnyreilly]

How about a badge that is dynamically generated based upon your tsconfig.json. if it's completely strict then you get the black belt TypeScript badge?

[fenying]

Maybe this could be simple?

[![Strict TypeScript Checked](https://badgen.net/badge/TS/Strict "Strict TypeScript Checked")](https://www.typescriptlang.org)

[fkleuver]

Maybe this could be simple?

Looks good, only thing it's missing is the 💪

[AnandChowdhary]

Jokes apart, some projects (including mine) use the convention “types | TypeScript” to signify that types are available. I think this is all that is necessary and we don’t need a badge specifically for projects written in TS.

[orta]

I'm not really a README badges kinda person (I built my own markdown parser to get rid of them for CocoaPods) especially when it's duplicating GitHub chrome (like forks/stars/language...)

Though I see most of the value here is in showing the npm page and other derived READMEs.

Hopefully we can get npm to show types on their site like yarn does, but for now I think @AnandChowdhary probably has the right angle: showing folks they get types as they are exploring the ecosystem vs highlighting potential code quality improvements being created with TS.

Maybe this as the "official" one:

![Typed with TypeScript](https://flat.badgen.net/badge/icon/Typed?icon=typescript&label&labelColor=blue&color=555555)

[Hongbo-Miao]

Found a badge used in Microsoft own repo microsoft/fast, which is

[![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)