Set Up a Custom Keystrokes Display with Animations

Open the Keystrokes Module

Press Right Shift to enter the live editor. Locate or create the Keystrokes module on your screen. Right-click it to open customization options.

Configure Keys and Animations

In the Keystrokes settings, add the movement keys you want displayed (WASD, Sprint, Jump, etc.). For each key, you can select from available press animations—ripple and squish are common options that trigger when you press a key.

Adjust Size and Layout

Resize individual key buttons by dragging their corners in the editor. Arrange them in a grid pattern that suits your playstyle. Use the alignment tools to space them evenly if you're positioning multiple keys.

Customize Colors and Text

Right-click the module again to access color settings. Change the key button colors, text color, and background opacity. You can also add custom labels or separators between key groups.

Save Your Setup

Once satisfied, right-click empty space in the editor and select your preset menu. Save this layout with a memorable name so you can quickly restore it on any server.