---
title: "Single Page Mode"
description: "The editor shows only one active page at a time."
url: "https://img.ly/demos/single-page-mode/web/"
type: "demo"
demoId: "single-page-mode"
starterkit: "starterkit-single-page-editor"
platforms: ["Web"]
tags: ["customization","web"]
relatedDemos: ["https://img.ly/demos/advanced-ui/web/","https://img.ly/demos/start-with-image/web/","https://img.ly/demos/default-ui/web/"]
webMobileReady: true
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/single-page-editor-sngpg1/"
webGithub: "https://github.com/imgly/starterkit-single-page-editor-ts-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-single-page-editor-ts-web"
---

> This is the markdown version of [Single Page Mode](https://img.ly/demos/single-page-mode/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/single-page-mode/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/single-page-editor-sngpg1.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-single-page-editor-ts-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-single-page-editor-ts-web)
- Mobile-friendly: simulates a phone-sized viewport

## Exploring Single Page Mode

The editor UI can be constrained to display one page at a time, so that users can switch between the pages of a design with a clearer focus per page.

This is often convenient for multi-page use cases, e.g., various print products such as postcards or greeting cards.

Apart from print, the single page mode is also ideal for cases where a template is applied to media in different sizes and formats as is the case in multi-channel publishing. In those cases, users can examine each format individually and make appropriate adjustments.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.