Expand container that moves adjacent content in sync

3,928
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

iOS Spotlight

26,937
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Conditional Animation Loop

3,728
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Shopping cart calculations

4,853
1
33
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Image Filters

2,467
0
2
Used variables to change filters on an image

37d79fb0-4512-11f0 a04a-0e3ec7c5f8cf

WorldWire dApp (crypto)

1,127
0
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.

4c5f5586-d197-11ef a04a-0e3ec7c5f8cf

Flip page Animation

1,540
0
2
Flip page animation create using states

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Calendar concept

10,204
2
626
A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

Alexis Piperides

Drag animations

4,076
0
84
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see drag animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Next