# Examples 🎉

See how beautiful it is for yourself!

## Viewing on a desktop

[All the examples!](https://react-beautiful-dnd.netlify.app)

## Viewing on a mobile or tablet

- [Simple list](https://react-beautiful-dnd.netlify.app/iframe.html?id=single-vertical-list--basic)
- [Board](https://react-beautiful-dnd.netlify.app/iframe.html?id=board--simple) - best viewed in landscape

> We provide different links for touch devices as [storybook](https://github.com/storybooks/storybook) runs examples in an iframe which can result in a strange auto scroll experience

## Basic samples

We have created some basic examples on `codesandbox` for you to play with directly:

- [Simple vertical list](https://codesandbox.io/s/k260nyxq9v)
- [Simple horizontal list](https://codesandbox.io/s/mmrp44okvj)
- [Using with function components](https://codesandbox.io/s/zqwz5n5p9x)
- [Simple DnD between two lists](https://codesandbox.io/s/ql08j35j3q) - _Community made_
- [Simple DnD between a dynamic number of lists (with function components) and ability to delete items](https://codesandbox.io/s/-w5szl) - _Community made_

[← Back to documentation](/README.md#documentation-)