Prism Accordion

A row of image prisms that turn to their next face on click, two to four faces each.

<PrismAccordionGallery />Live

Click to turn · shift-click to go back

Spacing

Turn speed

Your code

<PrismAccordionGallery
  items={[{"front":"/3d1.jpg","back":"/3d2.jpg"},{"front":"/cowboy.jpg","right":"/girl.jpg","back":"/haine.jpg"},{"front":"/heart.jpg","right":"/piastri.jpg","back":"/touching.jpg","left":"/blackhole.jpg"},{"front":"/3d3.jpg","right":"/3d4.jpg","back":"/scroll-expand-bg.jpg","left":"/girl.jpg"}]}
  spacing={0.5}
  rotationSpeed={1}
/>

Next componentLiquid Chrome→