DEV Community

Cover image for Amazing Tab Bar (Animated)

Amazing Tab Bar (Animated)

vacom profile image Vitor Amaral ・1 min read

Animated Mobile Tab Bar

This CodePen was created by @amaralflavio (aka my little brother), it shows a cool tab bar animation that can be used for a mobile navigation. The code and demo

Sharing here to give him some love.

Credits: - Design based: - Icons: - Colors: - Font: - Image: - Jello Animation:

Discussion (3)

Editor guide
inhuofficial profile image

Looks great!

Give your brother a little push to consider disabled users though, it is unusable with a keyboard due to lack of focus indicators and the fact you can still tab to "new, popular and following" even when they are not visible.

However he is (or will be, not sure how old he is!) a great designer with UI elements like that ❤

vacom profile image
Vitor Amaral Author

Hey Thank you for the feedback.

Some comments have been hidden by the post's author - find out more