Interfaces are used to display information to a player, whether that's a picture, rectangle, line of text, or a button to click, each interface is made up of a list of different types of components.

Due to the nested nature of containers, interfaces can be inserted into one another to create a hierarchy. The majority of interfaces are used inside one another, one that are not we will refer to as full-screen interfaces.

Full-screen interfaces as the name suggests, take up the entire client screen, there can only be one full screen interface displayed at a time.

Examples of fullscreen interfaces would be:

• Login interface
• Fixed or resizable Gameframe
• World map

The majority of gameplay resolves around the fixed and resizable "gameframe" interfaces, known by jagex as toplevel and toplevel_full respectively.

The Gameframe interface is split up into multiple areas to place other interfaces into:

The main game screen is used primarily for displaying large interfaces which block the players view.

• Settings
• Bank
• Equipment bonuses

Overlays are smaller interfaces for displaying contextual information during activities and minigames.

• Godwars kills
• Bounty hunter info
• Wilderness level

The chat screen is where communication and input interfaces are displayed

• Chat
• Quick chat
• Text input

Tab interfaces are always avaiable for players to use and interact with their player

• Inventory
• Spellbook
• Logout

The pop-up menu displayed when right click on interfaces is known as the context or right-click menu, it is the list of potential actions the player can take.

Interfaces are defined in *.ifaces.toml files and types in interface_types.toml.

[price_checker]                # Name of the interface to be used as an id
id = 206                       # The interface id
type = "main_screen"           # The type of interface - location to attach the interface - interface_types.toml

[.overall]                     # Text component name
id = 20                        # Text component id

[.total]
id = 21

[.limit]
id = 22

[.items]                       # A container component
id = 18                        # Components id
inventory = "trade_offer"      # The id of the item container linked to this component
options = {                    # Item right click options
  Remove-1 = 0,                # Option and the index in the context menu
  Remove-5 = 1,
  Remove-10 = 2,
  Remove-All = 3,
  Remove-X = 4,
  Examine = 9
} 

Execute code when a player clicks on a certain components option

//               Option, component, interface
interfaceOption("Remove-5", "price_checker:items") {
  // ...
}

Interfaces can be opened for a player using the interface id

player.open("price_checker")

You can also subscribe using events in order to do things when interfaces are opened

interfaceOpen("price_checker") {
  // ...
}

Closing an specific interface can be done, however it's normally done by type

player.close("price_checker")

player.closeMenu() // Close whatever menu is open (if any)
player.closeDialogue() // Close any dialogues open
player.closeInterfaces() // Both menu and dialogues

Code can also be executed on closing an interface

interfaceClose("price_checker") {
  // ...
}

• Model Animations
• Text
• Visibility (show/hide)
• Sprite
• Colour
• Item

// Interface, component, hidden
player.interfaces.sendVisibility("price_checker", "limit", false)

• Send inventory
• Unlock inventory options
• Lock inventory options

// Interface, component, item slot range
player.interfaceOptions.unlockAll("price_checker", "items", 0 until 28)