Alloy UI components examples

Alloy

A multi-column navigation menu or footer section with various links categorized under product, updates, company, and tools.

• Footer

Alloy

A grid of application logos displayed within hexagonal cells.

• Illustration

Alloy

A product marketing page showcasing features for building ideas, previewing changes, and sharing links, with examples of collaboration messages and code management.

• Bento box

Alloy

A promotional image showcasing a product's ability to build and prototype using existing code, components, and pages, illustrated with three distinct UI examples.

• Bento box

Alloy

A user interface for starting a product session with options for theme selection and various integrations.

• Artificial intelligence

Alloy

A clean user interface featuring a sidebar navigation, a search bar, and a call-to-action card with onboarding steps.

• Vertical navigation

Alloy

A mobile application interface featuring a chat-like interaction with system messages and a user input area.

Alloy

Context menu displaying options for a web page within a browser-like interface.

• Dropdown menu

Alloy

A step-by-step wizard for connecting a GitHub repository to build an application from the browser.

• Stepper

Alloy

A confirmation modal asking the user to confirm the deletion of a session, with options to cancel or continue.

• Modal

Alloy

A horizontal segment control with four icons, one of which is selected.

• Segmented control

Alloy

A horizontal segment control with four icons, one of which is selected.

• Segmented control