Animated sliding tab bar

51 Responses (page 1 of 3)

1. Virgil Pana

   This is a sliding tab bar I did for a recent client, I know that the tab bar droped behind in popularity for the sliding menus lately but I still get clients asking for them.

   The problem that I have with tab bars is that they are limited to 4-5 tabs and eat up a lot of screen size, with this approach I tried to solve the seccond problem.

   View full size animation: http://dribbble.com/shots/976474-Sliding-tab-bar/attachments/112930

   2likes

   3 months ago

2. Miramark Diaz

   smooth! :)

   1likes

   3 months ago

3. Ala Dadan

   awesome ... i like the 3d fold effect.

   2likes

   3 months ago

4. Jonas bemindt

   Damn nice!

   1likes

   3 months ago

5. Kyle O'Hara

   smart

   1likes

   3 months ago

6. Tom Greever

   Very nice. Love the fold.

   1likes

   3 months ago

7. Emil Manolea

   My friend, this is beyond awesome. Looks amazing.

   1likes

   3 months ago

8. Kartik Mahant 

   Looking rad bro.

   1likes

   3 months ago

9. Gauthier Eloy

   Nice concept virgil !

   3 months ago

10. Petros Dimitriadis

    Very clever, i prefer it from the left hidden nav. Is it implemented on an app though?

    3 months ago

11. Irfan Mir

    Smart idea! Maybe this concept will catch on as it would really help on devices that already are limited in ' screen-real-estate ' / screen size.

    3 months ago

12. Péter Árpád

    Nice chromatic!

    3 months ago

13. Bota Iusti

    Great idea!

    3 months ago

14. Jeffrey Jorgensen

    YES.

    3 months ago

15. Mel Choyce

    Super slick, love it!

    3 months ago

16. Kevin Hamil

    Oh this is lovely! An as needed basis and more real estate :D

    3 months ago

17. Kelli Johannessen

    Beautiful solution. I love the folding effect!

    3 months ago

18. Ketan

    @Virgil Pana that's brilliant.

    3 months ago

19. Timothy Nice

    nicely done and nicely presented.

    3 months ago

20. Gijs Rogé

    How did you choose the color?

    3 months ago

21. Gökhan Kurt

    impressive

    3 months ago

22. Ryan ♗

    Tare ca de obicei, @Virgil Pana.

    Insă, mi se pare puțin cam ciudat icon-ul de drag atât de jos. L-ai poziționat acolo ca să fie mai intuitiv?

    3 months ago

23. Justin Ruess

    It looks smooth and I love the colors. I think you could bring the sides in at an angle to look like it's flipping a box instead of just scaling the icons. It would give the illusion of a 3d space a little bit more.

    3 months ago

24. Virgil Pana

    @Gijs Rogé I have a color palette library that I've buildt over time.

    @Ryan ♗ the drag handler is close to the screen edge because the bounding box for the action is very small and in proximity to the screen edge, similar to the native notification center screen that pulls down from the status bar.

    3 months ago

25. Tamerlan Soziev

    Looks brilliant, I especially love the colors.

    p.s. can you tell me what did you use to create that animation gif?

    1likes

    3 months ago