Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA CSS 3D prism that turns to show one face at a time, for rotating words or features, with no WebGL.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
faces | ReactNode[] | - | The faces, shown in turn. Two to six work best. |
interval | number | 3000 | Time on each face in ms; 0 stops the automatic turn. |
axis | "x" | "y" | "x" | Turn around the horizontal or vertical axis. |
duration | number | 700 | Turn duration in ms. |
pauseOnHover | boolean | true | Pause while hovered or focused. |
index | number | - | Controlled face index. |
onIndexChange | (index: number) => void | - | Called when the visible face changes. |
faceClassName | string | - | Classes applied to every face. |
className | string | - | Classes for the outer element. |
Only the visible face is exposed to assistive technology; the others are aria-hidden and inert. With prefers-reduced-motion: reduce the faces swap without turning, and the timer pauses while the tab is hidden.