Skip to content

Commit

Permalink
Add examples Docs
Browse files Browse the repository at this point in the history
  • Loading branch information
fedealvarezcampos committed Nov 16, 2023
1 parent 8ff4b52 commit 4a7b7e0
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 1 deletion.
4 changes: 4 additions & 0 deletions docs/pages/api-reference/animation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,3 +40,7 @@ export const HomePage = () => (
</Scrollytelling.Root>
);
```

#### Example

https://stackblitz.com/edit/react-ts-8rqm8k
3 changes: 2 additions & 1 deletion docs/pages/quick-start/examples.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,10 @@ We did a small demo to showcase this library in action. This is the best place t
- Site URL: [https://scrollytelling.basement.studio/](https://scrollytelling.basement.studio/)
- Code: [https://github.com/basementstudio/scrollytelling/blob/main/website/README.md](https://github.com/basementstudio/scrollytelling/blob/main/website/README.md)

## Examples
## Some useful examples

- Simple tweening: [https://stackblitz.com/edit/react-ts-8rqm8k?file=App.tsx](https://stackblitz.com/edit/react-ts-8rqm8k?file=App.tsx)
- With Lenis Smooth Scroll: [https://stackblitz.com/edit/react-ts-uuwfed?file=App.tsx](https://stackblitz.com/edit/react-ts-uuwfed?file=App.tsx)
- Layered pinning: [https://stackblitz.com/edit/react-ts-4dtlww?file=App.tsx](https://stackblitz.com/edit/react-ts-4dtlww?file=App.tsx)
- Three.js Tube: [https://codesandbox.io/s/978cns?file=/src/App.js](https://codesandbox.io/s/978cns?file=/src/App.js)
- Horizontal scroll: https://stackblitz.com/edit/stackblitz-starters-fx6y3a

2 comments on commit 4a7b7e0

@vercel
Copy link

@vercel vercel bot commented on 4a7b7e0 Nov 16, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@vercel
Copy link

@vercel vercel bot commented on 4a7b7e0 Nov 16, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.