Threads UI components examples

Threads

• Feedback

Threads

A horizontal carousel of profile cards suggesting accounts to follow. Each card features a large circular avatar, display name, handle, a prominent Follow button, and a close icon to dismiss the suggestion.

• Card

Threads

A dropdown menu showing options for a social media post, including edit, save, pin, reply settings, hide counts, and delete.

• Dropdown menu

Threads

A dark-themed toast notification confirming a successful post, featuring a checkmark icon and an action link to view the post.

• Notification Toast

Threads

A search input field showing real-time user profile suggestions based on the typed query. Each suggestion includes an avatar, username, full name, verification badge (if applicable), and a Follow button.

• Input search

Threads

A radio group for selecting who can mention the user, with options for Everyone, Profiles you follow, and No one.

• Radio button

Threads

A list item containing a lock icon, the text 'Private profile', and a toggle switch in the off position.

• Toggle/Switch

Threads

A horizontal tab navigation bar with three options: Privacy, Account, and Help. The Privacy tab is currently selected, indicated by bold text and a black underline.

• Tabs

Threads

A popover menu for selecting the app's appearance theme, offering light, dark, and auto options.

• Theme settings

Threads

• Theme settings

Threads

A list item showing a new follower notification. It features a user avatar with a small badge icon indicating the follow action, alongside the username, a relative timestamp, and the text 'Followed you'.

• Avatar

Threads

A minimalist top navigation bar featuring a logo on the left, a centered group of five navigation icons, and a hamburger menu icon on the right.

• Horizontal navigation