Wheel Carousel

Creates a smooth wheel-style carousel with photos and selectable items. Supports drag, scroll, keyboard controls, snapping, momentum, themes, image crossfades, and customizable layout and colors.

byUrvish Mali from Uselayouts

Installation

terminal

pnpm dlx layro-cli add @iurvish/wheel-carousel

npx layro-cli add @iurvish/wheel-carousel

npx layro-cli add @iurvish/wheel-carousel

bunx layro-cli add @iurvish/wheel-carousel

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

import React, {
  useRef,
  useState,
  useEffect,
  useCallback,
  useMemo,
  useImperativeHandle,
  forwardRef,
  memo,
} from 'react';
import { motion } from 'framer-motion';
import { ChevronRight } from 'lucide-react';
import { clsx, type ClassValue } from 'clsx';
import { twMerge } from 'tailwind-merge';