Astra

Option Wheel

Curved option picker that spins with scroll, drag or arrow keys, tilting items away.

Option Wheel, a Astra component

Use Option Wheel in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/OptionWheel-TS-TW
How to install Astra components

Related components

  • Circular Gallery

    A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.

  • Animated List

    A scrolling list whose rows spring into view, with a gliding selection and arrow keys.

  • Flying Posters

    3D posters that twist and flip as you scroll or drag through an endless column.