Last week Stripe released their new Stripe Sessions website, full of amazing details. One of the things that stood out was their speakers carousel. A carousel that has lot's of nice small animations and feels like a breeze to use.
In this video we'll be recreating this carousel with Tailwind CSS. We'll be mainly focussing on the animations and styling part. The JavaScript part is kept to a minimum.
- Live demo of what we've build
- Watch Video on YouTube
- HTML and JavaScript part can be found in /src/app.tsx
- The styling part can be used in /src/index.css
Run yarn in the root, followed by yarn dev. This will start the development server on http://localhost:5173