Prompts/Sidebars

Sidebars

Create application sidebars that organize product navigation, workspace sections, nested links, and account controls in a clear vertical structure, helping users move between tools efficiently while supporting hierarchy, active states, collapsible groups, responsive behavior, and quick access to key actions.

Connect TypeUI where you build

Connect TypeUI to Codex, Claude, or Cursor and give your AI coding tool the design systems, prompts, and layout variations it needs to generate better UI.

Codex

Connect Codex to TypeUI and use design systems, UI prompts, and layout variations directly from your coding agent.

Connect to Codex

Claude

Connect Claude to TypeUI so it can apply curated design guidance when you ask it to build interface screens.

Connect to Claude

Cursor

Connect Cursor to TypeUI and give your editor access to structured prompts and interface variation workflows.

Connect to Cursor

Sidebars

Application Sidebar Navigation

Application Sidebar With Storage Indicator

Application Sidebar With Alert Card

Application Sidebar With Notification Cards

Application Sidebar With Active Contacts

Mailbox Application Sidebar

Music Application Sidebar

Account Application Sidebar

Project Application Sidebar

Profile Application Sidebar

Collections Application Sidebar

Double-Panel Application Sidebar

Double-Panel Task Management Sidebar

Double-Panel Form Filter Sidebar

Fixed Market Data Application Sidebar

Music Trends Application Sidebar

Members and Groups Application Sidebar

Contacts Application Sidebar

Calendar Timeline Sidebar

Monthly Task Sidebar