Templates & Layouts | PraisonAIUI Docs

Health Endpoints Guide
PraisonAIUI
Testing
Api
CLI API Reference
Component API Reference
Features REST API Reference
Health API Reference
Python SDK API
Sessions API Reference
API Testing Guide
TypeScript SDK Reference
Concepts
Architecture: AG-UI Protocol vs Gateway Integration
YAML Configuration
Providers
Slots & Components
Templates & Layouts
Examples
Advanced Examples
Basic Examples
Features
A2UI canvas — agent-driven UI
Agent UI host — modular dashboard shell
Chat Attachments
Backend Integration Contract
Browser Automation
Channel-to-Chat Bridge
Code Execution
Feature Comparison: PraisonAIUI vs OpenClaw
Config Hot-Reload
Content Sources
How the UI Looks Are Built
Dark Mode
Dashboard
Deployment Guide
Device Pairing
What Makes PraisonAIUI Different
Feature Inventory
Gap Analysis — Validated Against praisonai SDK
Gateway Chat
Hot Reload
How to Add a Feature to PraisonAIUI
Internationalization (i18n)
Image Preview in Chat
AIUI Integration — Critical Review & Architecture Analysis
Knowledge Embedding Model Configuration
Plugin Marketplace
Media Analysis
Message Elements
Model Fallback
Navigation
PraisonAI package integration
Protocol Architecture Reference
Protocol Versioning
Feature Protocols
Progressive Web App (PWA)
SEO
Session Management
Standalone vs Integrated
AIUI Standardization — Verification Report
Steps / Chain-of-Thought
UI Styles
Subagent Tree View
Theme System
Theming
Text-to-Speech (TTS)
Video Studio
Widget Zones
Getting Started
CLI Reference
Deploy to GitHub Pages
Installation
Quick Start
Protocols
Application Design Protocol (ADP) — Research Report
Application Design Protocol (ADP)
PraisonAIUI → ADP Field Mapping
ADP Implementation Status
Application Design Protocol (ADP) — Normative Specification
ADP Validation Rules
Typescript
Components
TypeScript SDK Overview
Next.js Adapter
Runtime

Templates & LayoutsLearn how templates and layouts work in PraisonAIUI.OverviewTemplates define the structure of your pages by combining:A layout - The structural containerSlots - Pluggable content areasLayoutsPraisonAIUI provides four layouts:| Layout | Description ||--------|-------------|| ThreeColumnLayout | Sidebar + Content + TOC (classic docs) || TwoColumnLayout | Sidebar + Content (no TOC) || CenteredLayout | Centered content, no sidebar || FullWidthLayout | Full-width content |ThreeColumnLayoutThe classic documentation layout with sidebar and TOC.TwoColumnLayoutSidebar + Content without the right TOC column.CenteredLayoutCentered content with no sidebar, ideal for articles/blogs.FullWidthLayoutFull-width content without sidebar.Defining TemplatesSlot AssignmentSlots can be assigned in two ways:Reference (ref)Point to a component defined in the components section:Direct TypeUse a component type directly:Null (hide)Remove a slot entirely: