Dash0 UI components examples

Dash0

A dropdown menu for user profile and organization settings, featuring a prominent CTA to send telemetry, user details, organization details, and links to documentation, support, and sign out.

• Dropdown menu

Dash0

A 6-digit verification code input field, partially filled with 5 digits. It includes a prompt text above the input slots.

• Input code

Dash0

A dark-themed pricing card displaying usage-based costs for metrics, spans, and logs, with a prominent call-to-action button.

• Pricing section

Dash0

A dark-themed bento grid layout showcasing product features. It includes a section title and description at the top, followed by four cards of varying sizes containing text, images, and video players.

• Bento box

Dash0

A dark-themed global header with a logo, primary navigation links, a search input with a keyboard shortcut, and call-to-action buttons. The 'Product' navigation item is expanded, revealing a two-column dropdown menu categorized by 'Use Cases' and 'Platform Features'.

• Flyout menu

Dash0

A dark-themed carousel displaying three customer testimonials at a time. Each testimonial card includes an avatar, name, job title, company, and a quote. Left and right arrow buttons allow navigation through the testimonials.

• Testimonial

Dash0

A dark-themed website footer featuring a primary CTA for a free trial, categorized navigation links, a newsletter subscription form, and standard legal links.

• Footer

Dash0

A dark-themed hero section featuring a top navigation bar, a central headline with a gradient text highlight, an email capture form, and a large application screenshot showing a node map and data dashboard.

• Hero section

Dash0

A dark-themed global navigation header featuring a logo, dropdown menus, a search bar with a keyboard shortcut, and primary/secondary call-to-action buttons.

• Header