Tab strip design

Hello

I would like to create a tab strip similar to Google Chrome’s design.

image

Where the edges of the tab are straight, but the corners are rounded.

The closest I was able to get was by using a folder structure, but I was unable to straighten the edges and the edges become pixelated. Is there a way to round the corners with the fancy design or to straighten the edges with the folder design?

My currently used tab strip:

I’ve been working on some navigation myself and even though it’s not an exact match to Chrome, you might be able to take some inspiration from what I have and make it work for your needs.

(Note: I have navigation disabled since I’m doing additional scripting when navigating)

2 Likes

Oh wow, thank you @KMuldoon! This will work just fine.