otf-kit / badges

Badges for your README

Free, hot-linkable SVG badges. Use them in your README.md, documentation site, or any landing page. They fetch from otf-kit.dev/api/badge and update automatically — no rebuild needed.

"Built with otf-kit"

The canonical badge for downstream READMEs. Embed wherever your project uses any @otfdashkit/* package.

Markdown

[![Built with otf-kit](https://otf-kit.dev/api/badge?label=Built+with&message=otf-kit&color=otf-orange)](https://otf-kit.dev)

HTML

<a href="https://otf-kit.dev"><img src="https://otf-kit.dev/api/badge?label=Built+with&message=otf-kit&color=otf-orange" alt="Built with otf-kit"></a>

"License · MIT"

For the SDK packages and starter templates that ship under MIT.

Markdown

[![License: MIT](https://otf-kit.dev/api/badge?label=license&message=MIT&color=green)](https://opensource.org/licenses/MIT)

HTML

<a href="https://opensource.org/licenses/MIT"><img src="https://otf-kit.dev/api/badge?label=license&message=MIT&color=green" alt="License: MIT"></a>

"Powered by · otf-kit"

Alternate phrasing for tooling/services that integrate with otf-kit.

Markdown

[![Powered by otf-kit](https://otf-kit.dev/api/badge?label=Powered+by&message=otf-kit&color=otf-orange)](https://otf-kit.dev)

HTML

<a href="https://otf-kit.dev"><img src="https://otf-kit.dev/api/badge?label=Powered+by&message=otf-kit&color=otf-orange" alt="Powered by otf-kit"></a>

"iOS + Android + Web"

For projects built on @otfdashkit/ui-native showing reach.

Markdown

[![iOS · Android · Web](https://otf-kit.dev/api/badge?label=platforms&message=iOS+%C2%B7+Android+%C2%B7+Web&color=blue)](https://otf-kit.dev)

HTML

<a href="https://otf-kit.dev"><img src="https://otf-kit.dev/api/badge?label=platforms&message=iOS+%C2%B7+Android+%C2%B7+Web&color=blue" alt="iOS · Android · Web"></a>

Custom badges

Build your own with the /api/badge endpoint. Three query params: label, message, color.

https://otf-kit.dev/api/badge?label=hello&message=world&color=otf-orange

Color names: brightgreen, green, yellowgreen, yellow, orange, red, blue, grey/gray, lightgrey/lightgray, otf, otf-orange. Or pass any hex (with or without leading #).