# Sea Of Thieves Like Main Menu?

**URL:** <https://forums.unrealengine.com/t/sea-of-thieves-like-main-menu/467422>\
**Category:** UI\
**Tags:** main-menu, User-Interface, unreal-engine, UI, question\
**Created:** [June 29, 2020, 6:12pm UTC](https://forums.unrealengine.com/t/sea-of-thieves-like-main-menu/467422 "2020-06-29T18:12:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![FreddysMaster](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@FreddysMaster](https://forums.unrealengine.com/u/FreddysMaster)\
**Post date:** [June 29, 2020, 6:12pm UTC](https://forums.unrealengine.com/t/sea-of-thieves-like-main-menu/467422/1 "2020-06-29T18:12:16Z")

</div>

I want to make my Main Menu look like the one in Sea of Thieves with the card-like images. Does anyone know how to do that? Any help would be greatly appreciated(References Below).

 ![](https://d3kjluh73b9h9o.cloudfront.net/original/4X/a/5/c/a5cc843eb400692585c0e7ee439d2eb280b8bb79.jpeg)

 ![](https://d3kjluh73b9h9o.cloudfront.net/original/4X/f/7/b/f7bcc4bdcd72ee3248ed79bd55f61a050379f694.jpeg)

 ![](https://d3kjluh73b9h9o.cloudfront.net/original/4X/f/3/3/f33e3040a1a2df96ebb3e4edc4621485ae46753d.jpeg)

---

<div class="post-metadata">

**Author:** ![ClockworkOcean](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/clockworkocean/32/1169999_2.png) [@ClockworkOcean](https://forums.unrealengine.com/u/ClockworkOcean)\
**Post date:** [June 29, 2020, 6:39pm UTC](https://forums.unrealengine.com/t/sea-of-thieves-like-main-menu/467422/2 "2020-06-29T18:39:58Z")

</div>

These are just images, they’re made the image to look like a card.

---

<div class="post-metadata">

**Author:** ![Everynone](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/everynone/32/1135017_2.png) [@Everynone](https://forums.unrealengine.com/u/Everynone)\
**Post date:** [June 30, 2020, 8:00am UTC](https://forums.unrealengine.com/t/sea-of-thieves-like-main-menu/467422/3 "2020-06-30T08:00:37Z")

</div>

As commented above, there’s nothing truly special about this menu.

Each “card” is a separate widget. Overlay/Canvas + Vertical Box for the text blocks, and a 9-slice (maybe even without) border for the highlight.

The whole thing seems to be sitting in a Widget Switcher - the tabbed layout.

The layout in the last reference can be done with a grid panel where you decide how many rows / columns a “card” would occupy. But it can be laid out manually in a canvas if there’s just 3 of them for the sake of simplicity.

The darkened edges are, most likely, incorporated into the image itself; but this effect can be achieved in the material that sits on top - in case this needs to be animated / dynamic.

---

<div class="post-metadata">

**Author:** ![RyanTheLeach](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@RyanTheLeach](https://forums.unrealengine.com/u/RyanTheLeach)\
**Post date:** [March 6, 2023, 3:40am UTC](https://forums.unrealengine.com/t/sea-of-thieves-like-main-menu/467422/4 "2023-03-06T03:40:32Z")

</div>

Sea of Thieves uses an external plugin, made by Coherent Labs [https://coherent-labs.com/](https://coherent-labs.com/)

This allows them to re-use their Web Developers to also create their in-game menu’s / UI using CSS, and have a unified look and feel across web and game.

It’s probably possible to recreate this style otherwise however.