Tab Folder Idea
Let’s be real. This is nothing knew.
I know there have been tons of similar ideas to recreate a folder structure with tabs. But I wanted to try it out myself in this simple aesthethic I’m sort of building up as I go with this new website.
#Examples I found
See the Pen
Curved Tabs by James Jones
(@jamesjones) on
CodePen.
See the Pen
Cool CSS Folder Tabs by Vasil
Enchev (@uffou) on
CodePen.
#Using RadixUI and a trimmed design
I’m using RadixUI for this just to have out-of-the-box accessibility controls and a simple way to manage the tabs.
I wanted to build something that had a retro CRT/terminal aesthetic like the rest of the design aesthetic I’m going for in my site.
#Experiment Yourself!
Here’s a codesandbox with the code for the folder tabs. Feel free to play around with it!