No Description

fuzzy 3a3745b11a init themes 1 month ago
.github 6d6eb59f41 test: run tests on Mastodon v4 (#2256) 1 month ago
.husky de2c58be6a chore: commit vercel.json, update husky (#1896) 2 years ago
bin 3fb152ac7c fix: back button icon rendering inconsistently (#2306) 1 month ago
docs fdec7b2b3d docs: add details on use of Svelte v2 / Sapper 2 months ago
src 3a3745b11a init themes 1 month ago
static 6f4eb98397 chore: use node 14 in CI, update mocha, fix gitignore (#2191) 2 months ago
tests f61054a3d5 test: add test for #2263 (#2317) 1 month ago
webpack abc39ef982 chore: remove emoji picker i18n files (#2258) 2 months ago
.dockerignore 85a5874876 fix: internationalize manifest.json (#2034) 1 year ago
.editorconfig 537ad208a3 chore(editor): add an editorconfig (#710) 4 years ago
.gitignore 6f4eb98397 chore: use node 14 in CI, update mocha, fix gitignore (#2191) 2 months ago
.testcaferc.json ea382acf1d test: improve testcafe test flakiness, use config file (#1627) 3 years ago
.vercelignore 85a5874876 fix: internationalize manifest.json (#2034) 1 year ago a1e105ccef 2.0.0 1 year ago a1e105ccef 2.0.0 1 year ago a775bd9193 docs: update mastodon dev guide link (#2272) 1 month ago
Dockerfile 05a3b2d31f fix(Dockerfile): Use explicit node version (#2125) 9 months ago
LICENSE d5aa18ddb6 add footer and license 4 years ago fda00fc87c chore: switch from circle ci to github actions (#2253) 2 months ago
docker-compose.yml a4820a2792 feat: Docker compose (#1767) 2 years ago
package.json 774aa7a21c 2.5.0 1 month ago
server.js 16e66346d7 fix!: remove esm package, use native Node ES modules (#2064) 1 year ago
vercel.json 035ab9cbff fix: reduce flash-of-unstyled on grayscale (#2206) 2 months ago
yarn.lock 62b30f6d99 chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2 (#2289) 1 month ago


An alternative web client for Mastodon, focused on speed and simplicity.

Pinafore is available at Beta releases are at

See the user guide for basic usage. See the admin guide if Pinafore cannot connect to your instance.

For updates and support, follow

Browser support

Pinafore supports the latest versions of the following browsers:

  • Chrome
  • Edge
  • Firefox
  • Safari

Compatible versions of each (Opera, Brave, Samsung, etc.) should be fine.

Goals and non-goals


  • Support the most common use cases
  • Small page weight
  • Fast even on low-end devices
  • Accessibility
  • Offline support in read-only mode
  • Progressive Web App features
  • Multi-instance support
  • Support latest versions of Chrome, Edge, Firefox, and Safari
  • Support non-Mastodon instances (e.g. Pleroma) as well as possible
  • Internationalization

Secondary / possible future goals

  • Serve as an alternative frontend tied to a particular instance
  • Offline search


  • Supporting old browsers, proxy browsers, or text-based browsers
  • React Native / NativeScript / hybrid-native version
  • Android/iOS apps (using Cordova or similar)
  • Full functionality with JavaScript disabled
  • Emoji support beyond the built-in system emoji
  • Multi-column support
  • Admin/moderation panel
  • Offline support in read-write mode (would require sophisticated sync logic)


Pinafore requires Node.js and Yarn.

To build Pinafore for production, first install dependencies:

yarn --production --pure-lockfile

Then build:

yarn build

Then run:

PORT=4002 node server.js


To build a Docker image for production:

docker build .
docker run -d -p 4002:4002 [your-image]

Now Pinafore is running at localhost:4002.


Alternatively, use docker-compose to build and serve the image for production:

docker-compose up --build -d

The image will build and start, then detach from the terminal running at localhost:4002.


To keep your version of Pinafore up to date, you can use git to check out the latest tag:

git checkout $(git tag -l | sort -Vr | head -n 1)


Pinafore is a static site. When you run yarn build, static files will be written to __sapper__/export.

It is not recommended to directly expose these files when self-hosting. Instead, you should use node server.js (e.g. with an nginx or Apache proxy in front). This adds several things you don't get from the raw static files:

  • CSP headers (important for security)
  • Certain dynamic routes (less important because of Service Worker managing routing, but certain things could break if Service Workers are disabled in the user's browser)

Having an nginx config generator is currently an open issue.

Developing and testing

See for how to run Pinafore in dev mode and run tests.


For a changelog, see the GitHub releases.

For a list of breaking changes, see

What's with the name?

Pinafore is named after the Gilbert and Sullivan play. The soundtrack is very good.