Image Carousel
An auto-advancing carousel with manual controls that reset the timer.
StarterWeb appMedia2–4hAI-buildable 5/5no setup
The autoplay-plus-manual-control combination is the interesting bit: pressing next should restart the interval, not fight it, and the timer needs to be cleaned up properly on unmount.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 5
- Slides advance automatically on an interval
- Next and previous buttons work at any time
- Manual navigation resets the autoplay timer
- The index wraps at both ends
- The interval is cleared on unmount
The interesting part
- Coordinating an interval with manual input without leaking timers
Once it works
- Pause on hover
- Add dot indicators and swipe support
Suggested stack
reacttypescripttailwindreact-hook-formframer-motiondate-fns