https://github.com/codrops/gridlayoutanimation
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
https://github.com/codrops/gridlayoutanimation
animation gsap-flip javascript layout webdesign
Last synced: 10 months ago
JSON representation
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
- Host: GitHub
- URL: https://github.com/codrops/gridlayoutanimation
- Owner: codrops
- License: mit
- Created: 2022-07-13T12:33:52.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-13T12:37:50.000Z (almost 4 years ago)
- Last Synced: 2025-07-06T11:47:58.793Z (10 months ago)
- Topics: animation, gsap-flip, javascript, layout, webdesign
- Language: CSS
- Homepage: https://tympanus.net/codrops/?p=64172
- Size: 71.1 MB
- Stars: 42
- Watchers: 3
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Grid Layout Animation
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
[Article on Codrops](https://tympanus.net/codrops/?p=64172)
[Demo](http://tympanus.net/Development/GridLayoutAnimation/)
## Installation
Install dependencies:
```
npm install
```
Compile the code for development and start a local server:
```
npm start
```
Create the build:
```
npm run build
```
## Credits
- Images from [Unsplash](https://unsplash.com/)
## Misc
Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)
## License
[MIT](LICENSE)
Made with :blue_heart: by [Codrops](http://www.codrops.com)