Compile the web into a badge

Placard enables you to create high-quality rasterized badges with the power of HTML and CSS.

Go to sandbox → Browse service connectors →

GET /r/<payload>.webp?width=<n>

140+ connectors, ready to go

GitHub, npm, Docker Hub, PyPI, Discourse, Fedora, and dozens of other upstream services: Placard already knows how to talk to them. Drop a data-preset attribute on any element and the value gets fetched and baked into the image at render time.

Browse all connectors →

GitHub

GitLab

Gitea

Docker

npm

PyPI

Python

Node.js

Homebrew

Jenkins

CircleCI

Travis CI

Codecov

Discourse

Mastodon

Bluesky

WordPress

Netlify

Terraform

Fedora

Ubuntu

Arch Linux

Debian

JetBrains

Get started

Placard renders HTML and CSS straight to a PNG or WebP file, no browser, no headless Chrome, no JavaScript runtime on either end.

See more examples

Install the CLI and get a live render URL from placard.cc in two lines.

Just HTML and CSS, no proprietary templating language.

Try it in your browser

Edit the HTML and CSS on the left, watch the rasterized output update on the right. No install required.

Placard Sandbox

100%

▾

rendered preview

Antialiasing Auto width

drag placard border to resize

Browser render ▲