css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
user profile image

Just sharing a vanilla JS tabs system i created for a personal use.

For this demo, the background is from http://www.oxygenna.com/news/free-new-set-of-material-design-backgrounds


  1. Very nice. Watch out though, the third tab stays purple after going back to another one.

  2. Currently the text on tab 1 and tab 2 are not selectable due to the image from tab 3 always overlaying them. Probably should fix that for any production facing projects :)

  3. @ZachCase ! Thanks dude ! I forgot to handle the z-indexing :) Thanks !

  4. You gotta love Material Design. Nice one!

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.