You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
twl 98b873ee14 Merge branch 'froth' into nu-8777 3 weeks ago
build Thanks Vue, very cool! 3 weeks ago
ci Merge a ton of changes 2 months ago
config Fix phoenix sockets in dev mode 8 months ago
docs Split up user guide 2 years ago
instance starting over since merge conflicts are a pain 4 months ago
src Merge branch 'froth' of into froth 3 weeks ago
static Merge branch 'froth' of into froth 2 months ago
test Merge branch 'navigation-update' into 'develop' 3 months ago
tools update emoji.json, add script that merges new emoji from another source 2 years ago
.babelrc Make chunks named 3 months ago
.drone.yml Thanks Vue, very cool! 3 weeks ago
.editorconfig Basic skeleton 6 years ago
.eslintignore Basic skeleton 6 years ago
.eslintrc.js disable vue rule 4 months ago
.gitignore ignore production 2 months ago
.gitlab-ci.yml Use node 16 5 months ago
.gitmodules Add the froth changes back 8 months ago
.mailmap Add myself to .mailmap 2 years ago
.node-version Update Node.js to v16 5 months ago
.stylelintrc.json i am an idiot sandwich 2 years ago fixup! Removed formattingOptionsEnabled in favor of relying on BE-provided list of accepted formatting options 4 years ago Merge remote-tracking branch 'origin/develop' into disjointed-popovers 6 months ago Update 6 years ago Credit to the chad tusooa 6 months ago
LICENSE Add license 6 years ago add dom2component mixin 8 months ago
index.html Merge branch 'develop' into fedi-absturztau-be 2 years ago
package.json Merge branch 'renovate/karma-6.x' into 'develop' 2 months ago
postcss.config.js revives autoprefixer which went AWOL during Webpack v1 -> v4 migration 3 years ago starting over since merge conflicts are a pain 4 months ago
renovate.json Add renovate.json 9 months ago
yarn.lock Merge branch 'develop' of into froth 2 months ago


A single column frontend designed for Pleroma.


Changes in this Fork

  • script tag in index.html for pleroma-mod-loader
  • ability to move notifications to a seperate column
  • insert zero width space when padding of emojis is disabled
  • add custom language "English (Nyan)"
  • pointing version links to my gitlab repos
  • optional compact styles provided by craftplacer
  • tags as buttons bellow a post
  • pinch and pan media
  • swap of react and favorite button in status
  • adding vueComponent to DOM nodes to make new mods work

For Translators

To translate Pleroma-FE, add your language to src/i18n/messages.js. Pleroma-FE will set your language by your browser locale, but you can temporarily force it in the code by changing the locale in main.js.


You don't need to build Pleroma-FE yourself. Those using the Pleroma backend will be able to use it out of the box.

Build Setup

# install dependencies
npm install -g yarn

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

For Contributors:

You can create file /config/local.json (see example) to enable some convenience dev options:

  • target: makes local dev server redirect to some existing instance's BE instead of local BE, useful for testing things in near-production environment and searching for real-life use-cases.
  • staticConfigPreference: makes FE's /static/config.json take preference of BE-served /api/statusnet/config.json. Only works in dev mode.

FE Build process also leaves current commit hash in global variable ___pleromafe_commit_hash so that you can easily see which pleroma-fe commit instance is running, also helps pinpointing which commit was used when FE was bundled into BE.


Edit config.json for configuration.


Login methods

loginMethod can be set to either password (the default) or token, which will use the full oauth redirection flow, which is useful for SSO situations.