|
9 | 9 | * [What is it?](#what-is-it-) |
10 | 10 | * [Why do we need yet another?](#why-do-we-need-yet-another-) |
11 | 11 | * [Overview](#overview-) |
| 12 | +* [Example collection](#example-collection-) |
12 | 13 | * [API Overview](#api-overview-) |
13 | 14 | * [Springs and basic interpolation](#springs-and-basic-interpolation) |
14 | 15 | * [Render props](#render-props) |
@@ -151,7 +152,26 @@ import { Keyframes, Spring } from 'react-spring' |
151 | 152 | </Keyframes> |
152 | 153 | ``` |
153 | 154 |
|
154 | | -#### Additional demos: [Vertical scroll](https://codesandbox.io/embed/0oonqxnpjl) | [Gestures](https://codesandbox.io/embed/jzn14k0ppy) | [Routing](https://codesandbox.io/embed/xo0lrqw2nz) | [Graphs](https://codesandbox.io/embed/j3x61vjz5v) | [Trees](https://codesandbox.io/s/9jrjqvq954) | [Sunburst](https://codesandbox.io/embed/nww6yxo0jl) | [Drag](https://codesandbox.io/embed/l9zqz0m18z) | [Morphing](https://codesandbox.io/embed/lwpkp46om) | [TodoMVC](https://codesandbox.io/embed/2pk8l7n7kn) |
| 155 | +# Example collection ⚡️ |
| 156 | + |
| 157 | +* Springs and interpolation: https://codesandbox.io/embed/oln44nx8xq |
| 158 | +* Native springs: https://codesandbox.io/embed/882njxpz29 |
| 159 | +* Mount/Unmount transitions: https://codesandbox.io/embed/j150ykxrv |
| 160 | +* Reveals: https://codesandbox.io/embed/yj52v5689 |
| 161 | +* Trails/Staggered motion: https://codesandbox.io/embed/vvmv6x01l5 |
| 162 | +* Horizontal paged parallax: https://codesandbox.io/embed/548lqnmk6l |
| 163 | +* Vertical scrolled parallax: https://codesandbox.io/embed/0oonqxnpjl |
| 164 | +* Keyframes/single script: https://codesandbox.io/embed/j1w4355593 |
| 165 | +* Keyframes/multiple scripts: https://codesandbox.io/embed/zl35mrkqmm |
| 166 | +* SVG morphing/custom interpolaters: https://codesandbox.io/embed/lwpkp46om |
| 167 | +* D3 stream graps: https://codesandbox.io/embed/py3p5p11m7 |
| 168 | +* D3 area graphs: https://codesandbox.io/embed/j3x61vjz5v |
| 169 | +* D3 sunbursts: https://codesandbox.io/embed/nww6yxo0jl |
| 170 | +* D3 trees: https://codesandbox.io/embed/9jrjqvq954 |
| 171 | +* Routing: https://codesandbox.io/embed/mjnwrk1o3p |
| 172 | +* Horizontal gestures / occlude: https://codesandbox.io/embed/jzn14k0ppy |
| 173 | +* Vertical gestures / drag-n-drop: https://codesandbox.io/embed/l9zqz0m18z |
| 174 | +* Animated TodoMVC: https://codesandbox.io/embed/2pk8l7n7kn |
155 | 175 |
|
156 | 176 | # API overview 📖 |
157 | 177 |
|
|
0 commit comments