Carousel Next.js Component (Day 23/50)
You can demo the component yourself:https://50-days-of-components.vercel.app/carousel Code and documentation for this component: https://github.com/tonyqiu123/50-days-of-components/tree/main/src/components/Carousel Buliding this component without any libraries like framer-motion was beyond challenging, given the feature I was determined to build - infinite scrolling. For now, it works, atleast in 99% of use cases. The 1% is when the user spam-clicks an arrow and the images will barely noticeably 'snap'. You'll know what I mean in the demo. Because of this, I will revisit this component in the future.
You can demo the component yourself:https://50-days-of-components.vercel.app/carousel Code and documentation for this component: https://github.com/tonyqiu123/50-days-of-components/tree/main/src/components/Carousel Buliding this component without any libraries like framer-motion was beyond challenging, given the feature I was determined to build - infinite scrolling. For now, it works, atleast in 99% of use cases. The 1% is when the user spam-clicks an arrow and the images will barely noticeably 'snap'. You'll know what I mean in the demo. Because of this, I will revisit this component in the future.