Carousel
A snap carousel of gradient slides with dot indicators and auto-advance.
01Rendering
Composited on the GPU
Every frame is layered off the main thread, so scroll and motion stay locked to your display's native refresh.
02Delivery
Served from the edge
Static output resolves from the region closest to each visitor, keeping first paint under forty milliseconds.
03Theming
Tokens, end to end
One config drives color, type, and spacing across every component, with no drift between light and dark.
04Motion
Physics, not keyframes
Spring curves are tuned per interaction, so transitions feel weighted instead of mechanically timed.
05Deploy
Ship straight from main
Merge a pull request and the build promotes to production on its own, usually inside of a minute.
01 / 05
Usage: paste this file into your project (e.g.
components/carousel.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.