Vaibhav Khulbe's post

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Taste Test

Create your own

Vaibhav Khulbe

pro

• Dec 23

ui search cmdk

I designed this search overlay (cmd+k) for my internal Palm UI for React project. Before I start coding, I wanted to know which of the two versions you guys like best. Would be great if you could add your reason 🙏

12 voted

21%

44 voted

79%

56 votes

Closed

Runa khatun

• Dec 24

Blurred is perfect👍

Elisabeth Mauvaisair

pro

• Dec 23

I like the second one better, since it makes me feel less like it's a "step" or that I've officially committed to it. It kind of creates a separation between the current flow and the search action itself, if that makes sense. Moreover, since search is often a spur-of-the-moment...

Elisabeth Mauvaisair

pro

• Dec 23

The blurred overlay* creates a separation

Vaibhav Khulbe

pro

• Dec 24

Oh really nice detail. I am also leaning towards unblurred option haha although many here feel the opposite. I don't think there's enough noise in the background. Maybe a slight/low blur may work as well.

Elisabeth Mauvaisair

pro

• Dec 25

Yes, maybe just a light overlay to reduce the opacity of what’s behind the search modal, achieving the best of both worlds! 🤓

Muminatu Bashiru

• Dec 23

Blurred looks better. It helps users focus on the card without any visual distraction

Cipher UI

• Dec 23

The second one is better for me ....it makes users aware of the action they are taking and puts them on the right track of their journey through your app