A tribute to Giannis Antetokounmpo by using some smooth state transitions in Proto and the "Finding Giannis" video by TNT. Wallpaper by https://lleytonjackson.weebly.com/ Youtube Video: "Finding Giannis" by NBA on TNT https://www.youtube.com/watch?v=HrCU305tzmM

A smooth prototype displaying the NBA All Star Game 2019 Starters. Includes state transitions, screen transitions, lottie/bodymovin animations. All images are courtesy of NBA http://www.nba.com Feel free to import!

Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

Introducing WorldWire: A Stellar-Powered dApp Demo Experience the future of decentralized finance with WorldWire, an innovative dApp meticulously designed to harness the power and flexibility of the Stellar blockchain. WorldWire offers a unique glimpse into a world where financial transactions are more inclusive, efficient, and transparent. Key Features: Instant Cross-Border Transactions: Send and receive payments across the globe in seconds, not days, with Stellar's fast and efficient ledger. Low Transaction Costs: Enjoy minimal fees for cross-border payments, thanks to Stellar's optimized network usage. Decentralized Finance at Your Fingertips: Access a suite of DeFi services including swaps, liquidity provision, and more, all in a secure and decentralized environment. User-Centric Design: Our demo prioritizes usability without compromising on functionality, making it easy for anyone to explore the capabilities of Stellar-powered finance. Interactive Demo Experience: Live Transactions: Witness real-time transactions on the Stellar network, showcasing the speed and efficiency of WorldWire. Interactive Tutorials: Engage with step-by-step guides that walk you through various features, ensuring you get the most out of your WorldWire experience. Feedback Loop: Your input is invaluable. Use the interactive feedback feature to share your thoughts, helping us refine and improve WorldWire. Target Audience: Whether you're a crypto enthusiast keen on exploring the latest in DeFi, a developer looking for inspiration, or simply curious about the potential of blockchain technology, the WorldWire demo is designed for you. Experience WorldWire Today: Dive into the WorldWire demo and explore the endless possibilities of Stellar-powered finance. This interactive tryout is more than just a demonstration—it's a doorway to the future of decentralized transactions. Join us on this journey and be part of shaping the next era of financial innovation.

End quiz -> back to dashboard

Duplicate this template as your starting point for Next Level UI Prototyping & Animation

A starter project to practice UI animation and microinteractions