FFXIV Cross-Hotbar Simulator

Final Fantasy XIV (FFXIV) is an MMORPG that involves players executing actions ā€“ assigned or mapped to buttons or keys ā€“ to interact with the world, which includes overcoming enemy encounters.

During combat, actions will need to be triggered in sequence to maximize damage or healing abilities. Mapping and remapping actiosn to buttons can be cumbersome when done in game. Using React.js, I created this tool to help visualize and plan keyboard and controller layouts, as well as allow players to share their layouts to others.

Drag and Drop Interface

Actions can be dragged onto the "hotbar" layout.


Custom hotbar layouts can be shared with others using a params-based url that contains the data for which actions to load onto the layout.