Components•Ruler carousel
Components•Ruler carousel
Ruler carousel
A tactile horizontal carousel with ruler marks, infinite item wrapping, keyboard controls, and a centered active item. It is designed for brand selectors, product families, and high-impact gallery browsing.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/ruler-carouselHow to use
import { RulerCarousel } from "@/components/isaiahbjork/galleries/ruler-carousel";export function Demo() { return <RulerCarousel originalItems={items} />;}
5/9