Loading video...

Video Failed to Load

Go Home

A new design pattern that's popping up: tab + dropdown Navigational tabs mixed with complex dropdown behaviour, mimicking a mega menu! Our apps are getting so complex that we're bending traditional simplicity rules Alternatives may include: DropTab PillDrop MegaTab PopTab

58,444 views • 3 months ago •via X (Twitter)

35 Comments

Thomas's profile picture
Thomas3 months ago

are we rediscovering context menus now

luis.'s profile picture
luis.3 months ago

It’s a whole new world out there

luis.'s profile picture
luis.3 months ago

Is that also a tab?

Kshitij's profile picture
Kshitij3 months ago

so good its now featured on aiverse

luis.'s profile picture
luis.3 months ago

Could you credit the videos?

Kshitij's profile picture
Kshitij3 months ago

oh yeah we always do. missed out on adding your handle. done!

Luke's profile picture
Luke3 months ago

💪 MEGATAB™ 💪

luis.'s profile picture
luis.3 months ago

What I'm really looking for is a dialog inside a tab

Clayo's profile picture
Clayo3 months ago

Brother.. it's a menu

Karl's profile picture
Karl3 months ago

Just don’t DropPills

Raghav Agrawal's profile picture
Raghav Agrawal3 months ago

A better interface pattern is using command pallete inline calls like in vscode to turn the prompt box into an IDE

Deckard's profile picture
Deckard3 months ago

Yeah, this is smooooth

Munawar Shah's profile picture
Munawar Shah3 months ago

This is why google won. None of that, no possibility of "holding it wrong", "you didn't do a deep research", "you didnt prompt it right". No way to mess up a google search

TheMiddleMan1980s's profile picture
TheMiddleMan1980s3 months ago

This what happens where devs think they can do UX and design.

akhil's profile picture
akhil3 months ago

@bradkowalk @magicX_ai

Vinícius's profile picture
Vinícius3 months ago

How it used to be

Stefanos's profile picture
Stefanos3 months ago

It will stay for 3mo and go away or redesigned once the usage data come in and show what’s mostly used.

Taylor's profile picture
Taylor3 months ago

At first glance it looks like the dropdown would benefit from a larger tappable area for mobile screens.

Abhishek Agarwal 🎨🖱️'s profile picture
Abhishek Agarwal 🎨🖱️3 months ago

I completely changed the approached by putting the conversation on a horizontal scroll where each column is a prompt/response pair and that meaningfully gives the prompt box a whole column to properly lay out all sorts of elements like plugins, bots, files, etc. DM for access!

Nick Punt 📚's profile picture
Nick Punt 📚3 months ago

Nice, these go well together

Chetan Ankola's profile picture
Chetan Ankola3 months ago

interesting love it

Sebastian Buzdugan's profile picture
Sebastian Buzdugan3 months ago

seen keyboard navigation break first when tab state and menu state disagree

LottieFiles's profile picture
LottieFiles3 months ago

True, this pattern's been everywhere lately. Curious, do you think this pattern holds up on mobile too?

luis.'s profile picture
luis.3 months ago

It feels like a lot of taps 🤔

AkinAyo | UI/UX Designer's profile picture
AkinAyo | UI/UX Designer3 months ago

Love this

Vinícius's profile picture
Vinícius3 months ago

The attention to detail regarding the "Computer" drop-down menu is fantastic

edwin's profile picture
edwin3 months ago

I think these are technically popovers but I’m team MEGATAB

Yash Solanki's profile picture
Yash Solanki3 months ago

that seem very useful but also it's confusing to use it this way, not used to it yet

hārmañ's profile picture
hārmañ3 months ago

This pattern already existed few years back, I saw one in a japanese dashboard around 2022.

Dhruv Kumar's profile picture
Dhruv Kumar3 months ago

PillDrop and MegaTab sound like frontend packages that will be abandoned by next Tuesday.

Drew's profile picture
Drew3 months ago

I've always called that a split button.

Timmytimtim's profile picture
Timmytimtim3 months ago

I design many of the complicated menus for workday, especially with keyboard accessibility in mind. Hit me up if you want to talk ☺️

luis.'s profile picture
luis.3 months ago

As in Workday, Workday?

Henry Daggett's profile picture
Henry Daggett3 months ago

Poptart?

Kushi Subrahmanya's profile picture
Kushi Subrahmanya3 months ago

I love this idea. Its so organized and compact.

Related Videos