<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documentation - creating-ui-with-verse-in-unreal-editor-for-fortnite</title>
  <style>
    body { 
      font-family: monospace; 
      margin: 0;
      padding: 0;
    }
    pre { 
      background-color: white; 
    }
  </style>
</head>
<body>
  <pre>1.  ![Epic Games](https://edc-cdn.net/assets/images/logo-epic.svg)[Developer](/)
2.  [Documentation](/documentation/ "Documentation")
3.  Fortnite
    *   [Unreal Engine](/documentation/en-us/unreal-engine)
    *   [Fortnite](/documentation/en-us/fortnite)
    *   [MetaHuman](/documentation/en-us/metahuman)
    *   [Twinmotion](/documentation/en-us/twinmotion)
    *   [RealityScan Mobile](/documentation/en-us/realityscan-mobile)
    *   [Fab](/documentation/en-us/fab)
4.  [Fortnite Documentation](/documentation/en-us/fortnite/fortnite-documentation "Fortnite Documentation")
5.  [In-Game User Interfaces](/documentation/en-us/fortnite/ingame-user-interfaces-in-unreal-editor-for-fortnite "In-Game User Interfaces")
6.  Creating UI with Verse

Creating UI with Verse
======================

Create custom UI with the power of Verse.

![Creating UI with Verse](https://dev.epicgames.com/community/api/documentation/image/0774e1d2-0796-4d16-8eeb-15dc2216e920?resizing_type=fill&width=1920&height=335)

Create custom user interfaces (UI) using Verse to control features and functionality of different UI elements for your project. Below are different legacy Verse workflows for creating buttons, menus, and using Verse to position widgets in the HUD.

[

![Creating and Removing Widgets](https://dev.epicgames.com/community/api/documentation/image/f9f106ad-6029-4597-930a-a617cd3d36c5?resizing_type=fit&width=640&height=640)

Creating and Removing Widgets

Use Verse to create and remove widgets from the player's UI.





](https://dev.epicgames.com/documentation/en-us/fortnite/creating-and-removing-widgets-in-unreal-editor-for-fortnite)[

![Positioning Widgets on the Screen](https://dev.epicgames.com/community/api/documentation/image/69e33a69-f5d3-40d0-af1b-ca775cf9c845?resizing_type=fit&width=640&height=640)

Positioning Widgets on the Screen

Use the canvas widget to design your UI.





](https://dev.epicgames.com/documentation/en-us/fortnite/positioning-widgets-on-the-screen-in-unreal-editor-for-fortnite)[

![Making Widgets Interactable](https://dev.epicgames.com/community/api/documentation/image/49f97498-6ff7-4c6e-a17a-a6aea07a7632?resizing_type=fit&width=640&height=640)

Making Widgets Interactable

Add interactions and functionality to your custom UI using Verse.





](https://dev.epicgames.com/documentation/en-us/fortnite/making-widgets-interactable-in-unreal-editor-for-fortnite)

*   [ui](https://dev.epicgames.com/community/search?query=ui)
*   [menu](https://dev.epicgames.com/community/search?query=menu)
*   [hud](https://dev.epicgames.com/community/search?query=hud)

* * *

Ask questions and help your peers [Developer Forums](https://forums.unrealengine.com/categories?tag=fortnite)

Write your own tutorials or read those from others [Learning Library](https://dev.epicgames.com/community/fortnite/learning)</pre>
</body>
</html>