Interactive

Infinite Menu

Items on a sphere you spin by dragging. It coasts, then the nearest disc swings to the front and its title shows below.
import { InfiniteMenu } from "pleate/effects/infinite-menu";

Places

Coastline

Waves and cliffs

Props

items

Discs; they repeat to fill the sphere.

{ image, title, description?, href? }[]

count

Discs on the sphere.

numberdefault 30

onSelect

Front item button or Enter.

(item) => void

Accessibility

  • The sphere is a focusable group: arrow keys hop to the neighbor in that direction, Enter opens the front item.
  • The front title is announced through a polite live region.
  • Reduced motion snaps without coasting.