egui TopBottomPanel Tutorial - Recipe Viewer App | Learn Rust GUI Ep 11

7views
00
11:10
T
Taught by Celeste AI - AI Coding Coach
View on YouTube
Description
Build a Recipe Viewer with top panels, bottom panels, and selectable tabs in egui! In this episode, we create a three-panel layout with a menu bar, status bar, and content area — all coded in Neovim. Student code: https://github.com/GoCelesteAI/egui_recipe_viewer What You'll Learn: - TopBottomPanel::top() for menu bars and navigation - TopBottomPanel::bottom() for status bars - selectable_label() for clickable tab switching - CentralPanel for main content area - Struct-based data with Vec - Neo-tree S key for vertical splits in Neovim This is Episode 11 of the "Learn egui in Neovim" series where we build real desktop apps with Rust's egui framework, all coded in Neovim with Neo-tree. Chapters: 0:00 Intro 0:12 App Preview 0:22 What We'll Cover 0:54 Create Project 1:24 Edit Cargo.toml 1:50 Write main.rs 2:30 Create app.rs - Structs 3:30 Default Implementation - Recipes 7:30 App Trait - Top Panel 8:30 Bottom Panel 9:30 Central Panel 10:20 Build & Review 11:00 App Demo 12:00 Recap Next: Episode 12 — Side Panel Tags egui, rust, gui, tutorial, neovim, top panel, bottom panel, recipe viewer, selectable label, central panel, TopBottomPanel, desktop app, rust programming, learn rust, beginner

Tags

eguirustguitutorialneovimtop panelbottom panelrecipe viewerselectable labelcentral panelTopBottomPaneldesktop apprust programminglearn rustbeginner
Back to tutorials

Duration

11:10

Published

March 11, 2026

Added to Codegiz

March 15, 2026

Open in YouTube