Tembo UI components examples

Tembo

• Dropdown menu

Tembo

• Pricing section

Tembo

• Dropdown menu

Tembo

• Dropdown menu

Tembo

• Sorting & filtering

Tembo

• Empty state

Tembo

• Progress indicator

Tembo

• Artificial intelligence

Tembo

• Slider

Tembo

• Vertical navigation

Tembo

• Dropdown menu

Tembo

Overlay providing quick search, navigation, and action initiation across app sections

• Command palette

Tembo

Dropdown menu providing user profile info, account actions, and workspace switching controls

• Dropdown menu

Tembo

Configures sandbox size and reasoning model options for an AI task

• Dropdown menu

Tembo

Primary input area for entering an AI coding task prompt with suggested quick actions and codebase attachment

• Artificial intelligence

Tembo

Shows workspace onboarding progress with checklist of setup tasks and completion status

• Progress indicator

Tembo

Modal dialog for sending workspace invitation via email address

• Modal

Tembo

Vertical navigation menu allowing users to switch between account, administration, agent, and developer settings sections.

• Vertical navigation

Tembo

Shows progress and checklist of onboarding tasks for new users on the home page

• Progress indicator

Tembo

Shows onboarding progress with checklist of initial setup tasks for new users

• Vertical navigation

Tembo

Presents actionable onboarding steps for new users to complete setup tasks

• Slider

Tembo

Active tasks section header with empty state illustration, message and documentation button on home page

• Empty state

Tembo

Lets user pick company size during workspace onboarding

• Input select

Tembo

Shows current workspace, onboarding progress, and contact action during workspace setup.

• Progress indicator

Tembo

Displays subscription tiers with pricing, features, and CTAs for plan selection

• Pricing section

Tembo

Displays grouped navigation links, legal information, copyright, and theme controls at the bottom of the marketing page.

• Footer

Tembo

Displays a list of frequently asked questions in an expandable accordion format on a marketing landing page

• FAQ

Tembo

Displays logos of companies using the product to provide social proof and credibility on a landing page.

• Social proof

Tembo

Showcases AI coding agent workflows through interactive demo cards in a marketing grid

• Bento box

Tembo

Primary marketing headline and call-to-action area introducing the product value proposition with integrations and quick-start prompts.

• Hero section

Tembo

Primary global navigation header providing access to main sections, sign-in, and primary CTA on the marketing landing page.

• Header