https://github.com/austinoboyle/stripe-banner-gsap
https://github.com/austinoboyle/stripe-banner-gsap
animations greensock gsap react scss
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/austinoboyle/stripe-banner-gsap
- Owner: austinoboyle
- Created: 2018-02-27T14:44:09.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-03-19T13:32:38.000Z (over 7 years ago)
- Last Synced: 2025-01-30T21:32:42.335Z (8 months ago)
- Topics: animations, greensock, gsap, react, scss
- Language: JavaScript
- Homepage: https://www.austinoboyle.com/stripe-banner-gsap/
- Size: 1.72 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# stripe-banner-gsap
**Original Tutorial Link:** [Stripe Customer Carousel with React + GSAP](https://www.austinoboyle.com/blog/stripe-customer-carousel-with-react-+-gsap/)
**Live Demo:** https://www.austinoboyle.com/stripe-banner-gsap/
This project contains both the starting code and the finished product on how to implement [Stripe's customer banner](https://stripe.com/us/customers) in React using GSAP and react-transition-group to handle the animation logic.
The starting code is on the branch `starting-setup`, the finished code is in `master`.
The starting setup uses the [scss modules template](https://github.com/austinoboyle/cra-scss-modules-bootstrap) I explain in a previous blog article: [SCSS Modules with Create-React-App](https://www.austinoboyle.com/blog/scss-modules-with-create-react-app/).