An extended version from horizoverlay with some of ikegami's features. The project is based on React with MobX & Vite, and the dedicated ffxiv-overlay-api.

• CloudFlare: https://skyline.dsrkafuu.su

Need to be used with ngld/OverlayPlugin. For WebSocket mode, only these browsers below are officially supported:

• Chrome (Chromium) >= 80
• Safari >= 13 (macOS >= 10.15)
• Edge >= 80 (new Edge with Chromium)
• Firefox >= 80

Note that backdrop-filter support needs to be enabled manually on Firefox, check Can I use for more details.

• Combatent sort - v1.1.x
• UI zoom - v1.2.x
• Multi-lingual support - v1.3.x
• Combatant number limit - v1.4.x
• Switch show LB - v1.4.x
• Short playername - v1.4.x
• Custom font family - v1.5.x
• Themes - v1.6.x
• HPS display - v1.7.x
• Highlight self - v1.7.x
• Detailed data for each player - v1.8.x
• Custom CSS - v1.8.x
• Optional shorten numbers - v2.0.x
• C/D/CD tickers - v2.0.x

Clone this repo, install packages and run the development server:

git clone https://github.com/dsrkafuu/skyline-overlay.git
cd skyline-overlay
npm install
npm run dev

Please use ISO 639-1:2002 defined 2-letter code as filename, use ja as an example:

1. Create a new ja.json file in @/src/lang, use en.json as a template
2. Import ja.json in @/src/lang/index.js
3. Add a new lang in @/src/lang/index.js exported map, like ja: { translation: ja },

Community translators:

• German: @Slightlyxz

1. Create a new your-theme-filename.scss file in @/src/themes, use default.scss and ikegami.scss as examples
2. Import your-theme-filename.scss in @/src/themes/index.js
3. Add a new theme in @/src/themes/index.js exported map, like 'your-theme-filename': { text: 'The New Theme' }

• React: https://reactjs.org/
• MobX: https://mobx.js.org
• Vite: https://vitejs.dev
• ffxiv-overlay-api: https://github.com/dsrkafuu/ffxiv-overlay-api

Released under Mozilla Public License 2.0, for more information read the LICENSE.

Copyright © 2020-present DSRKafuU (https://dsrkafuu.su)