Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

This 18 Cool Gradients was designed by Osama Dawood https://www.sketchappsources.com/free-source/3607-gradients-ui-kit-sketch-freebie-resource.html

Form validation using variables and states

I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

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.

Sliding menu with animation on screen

A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Custom Android KitKat Scrollable Tabbar