Tabs – 8 Free Tab Templates (CSS & Vanilla JS)
Tabs is a pack of eight tab components, each a single self-contained HTML file with ARIA roles, inline CSS, and at most twenty lines of vanilla JavaScript — one design uses none at all.
What’s included
- Sliding underline (ink bar) and pill segmented control with moving thumb
- Vertical settings tabs that flip horizontal on mobile
- Boxed browser-style tabs and icon tabs with unread badges
- Pure-CSS tabs (:checked, zero JS) and dark app tabs with count chips
- Responsive tabs that become an accordion under 560px
How to use
Copy a design’s markup, CSS block, and the short script. The switcher is the same ten lines in most designs — swap the markup, keep the script. Full write-ups on the tab templates page; demos on the demo index.
FAQ
Can I use these in commercial projects?
Yes — the pack follows the standard uiCookies license.
