This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jorn van Dijk
Posted May 13 - Read on Facebook

Google recently added a bottom bar navigation to the Material Design spec. This prototype recreates a couple of frequently used interactions, that you can customize for your own design.

- Material Design icons and colors are variable
- All component dimensions are variable
- Movie titles and descriptions are loaded from a module
- Movie posters are loaded from a local folder
- All content is wrapped in scroll and page component
- Touch up/down to hide/show chrome interaction
- Ripple effect works with every color
- Statusbar with accurate time
- All assets are SVG

Dribbble → https://dribbble.com/shots/2712771-Material-Design-Tabs-in-Framer
Prototype → http://share.framerjs.com/1g9v8d7bh6qd/ (only in Safari)

6 Comments

Benjamin Den Boer

😊🙏🏻

Marc Krenn

Finally. Nice work, Jorn!

Dmitry Sholkov

Nice! Had to do that myself for one of the projects I was working on recently :)

Andrey Yanovskiy

Sick! Awesome stuff.

Leon Kosters

LIKE A BOSS!

Dmitry Sholkov

I'm impressed. How much time did it take to do this?

Read the entire post on Facebook