Skip to content
Ratatui
docs.rs
crates.io
Search
Ctrl
K
Cancel
GitHub
Discord
Matrix
Discourse
X.com
Bluesky
Mastodon
LinkedIn
Menu
Getting Started
Installation
Feature Flags
Tutorials
Tutorials
Hello Ratatui
Counter App
Counter App
Basic App
Error Handling
_multiple-files
Introduction
app.rs
event.rs
main.rs
tui.rs
ui.rs
update.rs
JSON Editor
JSON Editor
App.rs
Main.rs
UI.rs
UI - Main screen
UI - Editing Popup
UI - Exit Popup
Closing Thoughts
Videos
Examples
Examples
Apps
App Examples
Advanced Widget Implementation
Async GitHub
Calendar Explorer
Canvas Demo
Chart Demo
Demo
Demo 2
Gauge Demo
Hello World
Hyperlink
Inline Viewport
Minimal Hello World
Panic Hooks
Popup
Ratatui Logo
Scrollbar Demo
Table Demo
Todo List
Tracing
User Input
Layout
Layout Examples
Constraint Explorer
Constraints
Flex
Layout
Style
Style Examples
Colors
Colors (RGB)
Modifiers
Widgets
Widget Examples
Barchart
Block
Calendar
Canvas
Chart
Collapsed Borders
Custom Widget
Gauge
List
Paragraph
Scrollbar
Shadow
Sparkline
Table
Tabs
Concepts
Concepts
Widgets
Layout
Event Handling
Builder Lite Pattern
Using no_std
Rendering
Rendering
Under the hood
Application Patterns
Application Patterns
The Elm Architecture
Component Architecture
Flux Architecture
Backends
Backends
Comparison
Raw Mode
Alternate Screen
Mouse Capture
Recipes
Recipes
Layout
UI Layout
Grid Layout
Center a Widget
Collapse Borders
Dynamic Layouts
Rendering
Render UIs
Displaying Text
Styling Text
Popups (overwrite regions)
Widgets
Use Widgets
Block
Paragraph
Create custom widgets
Testing
Testing Apps
Testing with insta snapshots
Debugging Widget State
Applications
Develop Applications
CLI Arguments
Configuration Directories
Logging with Tracing
Terminal and Event Handler
Setup Panic Hooks
color_eyre Error Hooks
Better Panic Hooks
Migrate from tui-rs
Spawn External Editor (Vim)
Releasing Your App
Submitting to the Showcase
Ecosystem
Effects and animations
Embedded
Build websites
UEFI
Component libraries
FAQ
Highlights
Highlights
v0.30.2
v0.30.1
v0.30.0
v0.29.0
v0.28.0
v0.27.0
v0.26.3
v0.26.2
v0.26.0
v0.25.0
v0.24.0
v0.23.0
v0.22.0
v0.21.0
Showcase
Showcase
Apps
Built-in Widgets
Third Party Widgets
Templates
Templates
Component
Component Template
Project Structure
Main.rs
Tui.rs
Action.rs
Components.rs
Components/home.rs
Config.rs
App.rs
Cli.rs
Components/fps.rs
References
Developer Guide
Developer Guide
Contributing to Ratatui
Contributing to Ratatui Website
Git guide
GitHub
Discord
Matrix
Discourse
X.com
Bluesky
Mastodon
LinkedIn
Recipes: UI Layout
Copy page
Edit page
In this section we will cover layout basics and advanced techniques.
Grid Layout
Center a Rect
Collapse Borders
Create Dynamic Layouts
See Also
Section titled “See Also”
Layout Concepts
FAQ: How do I avoid panics due to out of range calls on the Buffer?
