Poolside UI components examples

Poolside

An interface displaying development-related actions, progress, and a message input with a selection.

• Artificial intelligence

Poolside

A header bar for a project creation workflow, featuring navigation and a step-by-step progress indicator.

• Breadcrumb

Poolside

An empty state screen with a placeholder avatar, a generated name, a descriptive text, and a primary call to action button.

• Empty state

Poolside

A collaboration interface displaying code changes, a pull request link, and a message input field.

• Artificial intelligence

Poolside

A modal dialog for creating a pull request, featuring input fields for branch name, title, and an optional description, with a loading button.

• Modal

Poolside

A user settings popover menu with options for connecting integrations, adjusting appearance, managing notifications, and signing out.

• Dropdown menu

Poolside

A popover menu displaying actions related to GitHub integration, port management, chat, and sandbox controls.

• Dropdown menu

Poolside

A dropdown menu for filtering and selecting models with associated descriptions and status indicators.

• Input select

Poolside

A project management interface displaying a list of projects and sandboxes.

• Dropdown menu

Poolside

A user interface for creating a new project by selecting a template or importing a GitHub repository.

• Empty state

Poolside

A user interface displaying an empty project list with user profile information at the bottom.

• Vertical navigation

Poolside

A user interface displaying deployment model options with a descriptive text for the selected option and an isometric illustration.

• Accordion