# Publishing your site
Preview, publish, and verify a Framer site that contains Lottie animations.

The plugin prepares the animation and inserts the player. Framer owns site preview, staging, production publishing, and domains.

## Preview before publishing

Open Framer Preview and test:

- Desktop and mobile widths used by the page.
- The initial frame, full playback, and loop boundary.
- Light and dark modes when themes are configured.
- Pointer and touch paths for state machines.
- Navigation away from and back to the page.
- Page controls near or above the animation.

{/* [screenshot:F20] Capture Framer Preview at desktop and mobile widths with the same animation running correctly. */}

## Publish

1. Review the changes in the Framer project.
2. Publish to a generated `framer.app` URL or the team's staging environment.
3. When approved, deploy the same reviewed version to production.

See Framer's current [publishing guide](https://www.framer.com/help/articles/publishing-your-framer-website/) for hosting, staging, production, and domain controls.

<Image src="https://assets.docs.lottiefiles.com/static/e617905681-640.webp" alt="Framer canvas with a Lottie animation and the Publish controls open" caption="Publish or update the reviewed Framer project" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/e617905681-640.webp 640w, https://assets.docs.lottiefiles.com/static/e617905681-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/e617905681-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAo0lEQVR4nB3LvQ7BUABA4fuCNgujkc3fIiIhEbERiUlEaErb21bb1NIBMUj6CFaDxGIoKdEe0bOd4ROms2Ot22jSQbc8FNNjLl3mbkCx1kvEOQwp1DrkKg0UzeDf5RFzB1rjGSLYH8lXu5T6E1ZySxRFHC43TtcnzcEE8RdpmmYySRI+75hv/Mp+OJoiDMdHt330rY9meSw3JgtVokqHcr39/QFF838jCEvIdAAAAABJRU5ErkJggg==" />

## Verify the live page

Open the published URL in a clean browser tab. Confirm that the player source loads without authentication, the animation is not replaced by a blank frame, and interactive behavior matches Preview.

Repeat the check on a physical mobile device when the animation is important to navigation or conversion.

## Related

- [Updating a published animation](/en/integrations/framer/05_insert-and-publish/updating-a-published-animation)
- [Troubleshooting](/en/integrations/framer/06_reference/troubleshooting)