A Beginner's Tour of the Unreal Engine 5 Editor Interface

First impressions: it's a lot, and that's fine

The first time the Unreal Engine 5 editor opens, it can feel like a cockpit — panels everywhere, a row of buttons up top, menus across the very top edge. Take a breath. Almost everything you see falls into just five core panels plus a toolbar and a menu bar, and once you can name them, the whole window suddenly makes sense.

This lesson is a calm walk around the room. We'll point at each panel, say plainly what it's for, then show you the one trick that turns the editor from intimidating to friendly: you can drag panels around to suit you, and if it ever gets in a mess, you can snap the entire layout back to default in two clicks. You should already have a project open from the previous lesson — if not, open any project so you have something to look at while we tour.

The five core panels (and where they live)

Picture the editor window split into regions. In the middle is the big 3D area — the Viewport — your live window into the level. Top-right is the Outliner, a text list of everything in that level. Just below it, down the right edge, is the Details panel, which shows the settings of whatever you've clicked. Along the bottom sits the Content Browser, the drawer that holds all your project's files. And running across the top are the toolbar (big buttons) and the menu bar (File, Edit, Window, and friends).

That's the whole map. Five panels, two bars. Everything else you'll ever open is just another panel that docks into the same window. Let's visit each one in turn.

Take the tour: click around each panel

Do these in order with a project open. There's nothing to break — clicking around the editor is completely safe, and you can reset the layout at the end if it looks different from when you started.

1. ✓
   1Find the Viewport (the big 3D area)

   The large panel in the centre is the Viewport. It's a live 3D view of your level — the same thing you learned to fly around in the navigation lesson.

   Notice the small toolbar along its top edge and the view label in the top-left corner (it usually says 'Perspective'). Those control how the Viewport draws the scene, not the scene itself.

   TipIf you ever lose the Viewport behind other panels, it can't really be closed — it's the heart of the editor. Resetting the layout (last step) always brings it back front and centre.

2. ✓
   2Read the Outliner (top-right)

   Look at the top-right. The Outliner is a scrolling list of every object in your level — each one is called an Actor (a light, a floor, the player start, a camera, and so on).

   Click any row in the Outliner. The matching object highlights in the Viewport. Click an object in the Viewport instead, and its row lights up in the Outliner. The two are always linked.

   TipWhen a level gets busy, the Outliner is far easier to click in than hunting for a tiny object in 3D. It's also where you'll make folders to stay organised later.

3. ✓
   3Open the Details panel (right edge)

   With something still selected, look at the right-hand side below the Outliner. The Details panel fills up with that object's properties — its position, rotation, scale, material, and dozens of other settings depending on what it is.

   Select nothing (click empty space in the Viewport) and the Details panel goes mostly blank. That's the clue to remember: Details always reflects your current selection.

   TipThe Transform section at the top of Details (Location, Rotation, Scale) is the one you'll use constantly. You can type exact numbers there instead of dragging.

4. ✓
   4Browse the Content Browser (bottom)

   Along the bottom is the Content Browser. This is your project's filing cabinet — every mesh, material, texture, sound and Blueprint lives here, organised into folders down the left side of the panel.

   If it's collapsed to a thin strip, click it to slide it open. This is where you'll drag assets from to place them in your level.

   TipDon't see the Content Browser at all? Open it from the menu bar at the top: Window then Content Browser. (More on the Window menu below — it's the cure for almost any 'a panel disappeared' panic.)

5. ✓
   5Scan the main toolbar (top, big buttons)

   Across the top, above the Viewport, is the main toolbar. The big buttons you'll meet first are Save (saves your work), the mode selector on the left (it says 'Selection' by default and switches to tools like Landscape), and the green Play button on the right that launches the level so you can test it.

   Hover over any button without clicking and a tooltip tells you exactly what it does. You don't need to memorise them — just know the toolbar is for actions you take often.

   TipHovering for tooltips is the single best way to learn the editor. Every button, slot and field in Unreal has one.

6. ✓
   6Glance at the menu bar (very top edge)

   Right at the top of the window is the menu bar: File, Edit, Window, Tools, Build, and so on. File handles opening and saving; Edit holds Undo, Redo and your project settings; Window lets you open any panel; and the rest are tools you'll grow into.

   Open the Window menu now and just look at the list. Every panel we toured (and many more) can be opened from here — which is exactly how you recover one that gets closed by accident.

   TipCtrl + Z (Undo) and Ctrl + S (Save) work almost everywhere in the editor. Building the habit of saving often will save you real heartache.

Make the editor yours: dock, move and reset

Panels in Unreal aren't bolted down. Here's how to rearrange them — and how to undo it all instantly. Try each step; the final one is your safety net.

1. ✓
   1Grab a panel by its tab

   Every panel has a small tab with its name at the top (for example the 'Details' tab). Click and hold that tab, then start dragging. The panel tears off and floats with your cursor.

   TipDrag the tab, not the body of the panel. The tab is the handle.

2. ✓
   2Watch for the docking guides

   As you drag a floating panel over the editor, blue docking highlights appear — at the edges of regions and as little arrow targets. They preview where the panel will snap if you let go.

   Hover over a highlight so it lights up, then release the mouse. The panel docks neatly into that spot, pushing the others aside to make room.

   TipDrop a panel directly onto another panel's tab strip to stack them as tabs in the same space — handy for keeping related panels together without using more screen room.

3. ✓
   3Resize by dragging the seams

   Hover the thin border between any two panels until the cursor becomes a double-headed arrow, then drag to make one panel bigger and its neighbour smaller. This is how you give the Viewport more room or widen the Details panel to read long property names.

4. ✓
   4Reopen anything you closed from the Window menu

   Closed a panel by mistake (every panel has a small x on its tab)? Don't worry. Go to Window in the menu bar and click the panel's name — Outliner, Details, Content Browser, and so on — and it reappears.

   TipThe Window menu is your master list of panels. If something vanished, it's almost always one click away in here.

5. ✓
   5Reset everything with Load Layout

   When you'd rather start fresh than fiddle, choose Window, then Load Layout, then Default Editor Layout. Every panel returns to its standard home in one move.

   This is also the fastest way to make your editor match a tutorial's screenshots, so the panels are where the instructor expects them to be.

   TipUnreal remembers your layout per project between sessions, so it's worth setting it up the way you like — knowing you can always reset means you can experiment freely.