Press the right arrow on every slide. Each one is a pattern you can copy.
$ npm run new my-talk [registry] 5 slide set(s) Created slides/my-talk/slides.tsx (draft: true) $ npm run dev ready on http://localhost:3000
Pointer position drives rotateX / rotateY through springs. Ratios keep it correct at any slide scale.
const [n, setN] = useState(0);<button onClick={() => setN(n + 1)}> clicked {n} times</button>
1 · sphere
2 · cube
3 · wave
Source: slides/animation-cookbook/
<iframe src="https://slides.ezzdinatef.com/embed/animation-cookbook" width="960" height="600" style="border:0;border-radius:12px" allow="fullscreen" title="Animation Cookbook for Slides"></iframe>