# Guides

The ready-made scenes, transitions and the one-component page cover most Wrappeds. These guides are for the rest: a scene nobody shipped, a transition in your brand's shape, your own colours on the chrome, a link that carries every setting, a server-rendered page, and the whole page wired by hand from the single packages.

- [Custom scene](https://bettertyped.github.io/react-wrapped/docs/guides/custom-scene/): Write a scene with `defineScene` and the motion kit the built-in scenes use.
- [Custom transition](https://bettertyped.github.io/react-wrapped/docs/guides/custom-transition/): Add your own way out of a scene with `defineTransition` and `coverCut`.
- [Custom palette and chrome colours](https://bettertyped.github.io/react-wrapped/docs/guides/palette-and-chrome/): One accent colour for the video, and ten tokens for everything around it.
- [Styling](https://bettertyped.github.io/react-wrapped/docs/guides/styling/): A class of your own on any part of the chrome, and how to make Tailwind utilities win.
- [The config in the URL](https://bettertyped.github.io/react-wrapped/docs/guides/config-in-the-url/): Short query keys, so a shared link plays the video exactly as its owner set it.
- [Server rendering](https://bettertyped.github.io/react-wrapped/docs/guides/server-rendering/): What is in the server's HTML, what waits for the browser, and where the client boundary goes.
- [Build the page from parts](https://bettertyped.github.io/react-wrapped/docs/guides/from-parts/): What `WrappedView` does, done by hand with the player, the scan, the editor and the gallery.

## Where to start

- New here? [Your first Wrapped](https://bettertyped.github.io/react-wrapped/docs/first-wrapped/) gets a video playing in five steps.
- Want to see everything at once? The [full example](https://bettertyped.github.io/react-wrapped/examples/full-wrapped/) is one component, and the [from parts example](https://bettertyped.github.io/react-wrapped/examples/from-parts/) is the same page without it.

## Related

- [Your first Wrapped](https://bettertyped.github.io/react-wrapped/docs/first-wrapped/)
- [Scenes](https://bettertyped.github.io/react-wrapped/docs/scenes/)
- [Player](https://bettertyped.github.io/react-wrapped/docs/player/)
- [Full Wrapped example](https://bettertyped.github.io/react-wrapped/examples/full-wrapped/)
- [From parts example](https://bettertyped.github.io/react-wrapped/examples/from-parts/)

Source: https://bettertyped.github.io/react-wrapped/docs/guides/