Bird UI components examples

Bird

A clean and minimal website header featuring a logo, primary navigation links, and two call-to-action buttons for login and booking a demo.

• Header

Bird

• Hero section

Bird

• Newsletter signup form

Bird

A website footer featuring product categories, company information, resources, and a newsletter signup form.

• Footer

Bird

A webpage section featuring customer testimonials and a grid of brand logos, highlighting social proof and partnerships.

• Social proof

Bird

A pricing page for an omnichannel marketing tool, detailing different plans, features, and a cost calculator for messaging services.

• Pricing section

Bird

A modal dialog for creating an association, featuring input fields, radio buttons, dropdowns, and toggle switches for configuration.

• Modal

Bird

A web form for expressing interest in becoming a partner, requesting contact and company information.

• Form element

Bird

A modal dialog presenting four distinct methods for importing events, each described with an icon, title, and explanatory text.

• Modal

Bird

A technical onboarding guide presented as a step-by-step list with estimated completion times and external links.

• Stepper

Bird

A user interface displaying an overview section with tabs for navigation and an AI summaries feature, including a contact summary card.

• Artificial intelligence

Bird

A date and time selection popover component displayed over a form input field.

• Datepicker