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 sceneWrite a scene with `defineScene` and the motion kit the built-in scenes use.
- Custom transitionAdd your own way out of a scene with `defineTransition` and `coverCut`.
- Custom palette and chrome coloursOne accent colour for the video, and ten tokens for everything around it.
- StylingA class of your own on any part of the chrome, and how to make Tailwind utilities win.
- The config in the URLShort query keys, so a shared link plays the video exactly as its owner set it.
- Server renderingWhat is in the server's HTML, what waits for the browser, and where the client boundary goes.
- Build the page from partsWhat `WrappedView` does, done by hand with the player, the scan, the editor and the gallery.
Where to start
- New here? Your first Wrapped gets a video playing in five steps.
- Want to see everything at once? The full example is one component, and the from parts example is the same page without it.
