Amazing Tab Bar (Animated)

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 https://codepen.io/flavio_amaral/full/xxgYGrR

Sharing here to gi…

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 https://codepen.io/flavio_amaral/full/xxgYGrR

Sharing here to give him some love.

Credits:
– Design based: https://dribbble.com/shots/10474707-Experimental-UI-animation
– Icons: https://icons.getbootstrap.com
– Colors: https://material.io/resources/color
– Font: https://fonts.google.com/
– Image: https://www.pexels.com/
– Jello Animation: https://animista.net/play/basic


Print Share Comment Cite Upload Translate
APA
Vitor Amaral | Sciencx (2024-03-28T16:51:23+00:00) » Amazing Tab Bar (Animated). Retrieved from https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/.
MLA
" » Amazing Tab Bar (Animated)." Vitor Amaral | Sciencx - Sunday April 11, 2021, https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/
HARVARD
Vitor Amaral | Sciencx Sunday April 11, 2021 » Amazing Tab Bar (Animated)., viewed 2024-03-28T16:51:23+00:00,<https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/>
VANCOUVER
Vitor Amaral | Sciencx - » Amazing Tab Bar (Animated). [Internet]. [Accessed 2024-03-28T16:51:23+00:00]. Available from: https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/
CHICAGO
" » Amazing Tab Bar (Animated)." Vitor Amaral | Sciencx - Accessed 2024-03-28T16:51:23+00:00. https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/
IEEE
" » Amazing Tab Bar (Animated)." Vitor Amaral | Sciencx [Online]. Available: https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/. [Accessed: 2024-03-28T16:51:23+00:00]
rf:citation
» Amazing Tab Bar (Animated) | Vitor Amaral | Sciencx | https://www.scien.cx/2021/04/11/amazing-tab-bar-animated/ | 2024-03-28T16:51:23+00:00
https://github.com/addpipe/simple-recorderjs-demo