https://github.com/nadikuts/react-native-animated-gallery

Concept for animated image gallery
https://github.com/nadikuts/react-native-animated-gallery

animation expo react react-native

Last synced: 12 months ago
JSON representation

Concept for animated image gallery

• Host: GitHub
• URL: https://github.com/nadikuts/react-native-animated-gallery
• Owner: NadiKuts
• Created: 2017-08-09T18:15:40.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-14T12:14:16.000Z (almost 9 years ago)
• Last Synced: 2025-04-20T11:05:08.839Z (about 1 year ago)
• Topics: animation, expo, react, react-native
• Language: JavaScript
• Homepage: https://expo.io/@devilsanek/animated-gallery
• Size: 8.4 MB
• Stars: 49
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Animated Image Gallery

Concept for image gallery implemented with React Native

[Expo Demo](https://expo.io/@devilsanek/animated-gallery)

Inspired by: https://dribbble.com/shots/3686703-Time-travel-Interaction-in-Gallery

|      Original design      |  Implementation (Android)         |

| ------------------------- |:-----------------------:|

| ![Output sample](original.gif)|![Output sample](2.gif) |

### Instructions

- [Install NodeJS](https://nodejs.org/en/)

- [Install and setup React Native](https://facebook.github.io/react-native/docs/getting-started.html)

- Clone repository: `git clone https://github.com/NadiKuts/react-native-animated-gallery.git`

- Navigate to the created folder: `cd react-native-animated-gallery`

- Install dependencies: `yarn`

- To run the app on iOS or Android, run `react-native run-ios` or `react-native run-android` 

### Demo

Install Expo App on your [Android smartphone](https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=www) or [iPhone](https://itunes.apple.com/app/apple-store/id982107779?ct=www&mt=8).

Scan this QR-code with your Expo App. 

![alt text](qr-code.png)

... or go [here](https://expo.io/@devilsanek/animated-gallery) and try it out!