Pages
In this document, we provide a complete and detailed guide to Pages in Applin Studio. Pages represent the core building blocks of every application you create, and understanding how to create, edit, and manage them is essential for building professional, dynamic apps.
Follow along as we explore all page types, editing tools, and advanced customization features.
Creating a Page
The + button beneath the page viewer allows you to instantly create a new page inside your application.
With just one click, you can add blank pages, templates, list pages, WebView pages, and more. Each new page is automatically added to your project structure for further editing.
Editing a Page
To edit an existing page, go to Manage Project or Show All Pages, then hold down on the page card you want to edit.
This will open the page editor menu, which includes the following options:
- Edit Page: Open the live, graphical editor to modify the page visually.
- Edit Page (JSON Editor): Edit every detail of the page directly through its JSON configuration.
- Duplicate Page: Create a full copy of the selected page.
- Hide/Show Page: Hide the page from the Project Manager interface or reveal it again.
- Delete Page: Permanently remove the page from your project.
JSON Editor
If you prefer to work directly with the underlying code, select Edit Page (JSON Editor).
This opens a powerful JSON editing environment where you can customize structure, components, logic, and configuration.
You can even enable Markdown Mode using the Markdown icon to write formatted blocks of Markdown code—for pages that support embedded Markdown.
Once done, simply press Run to execute and save your changes instantly.
Visual Editor
If you prefer a live editing experience, simply tap the page (or choose Edit Page) to enter the Live Visual Editor.
This mode allows you to:
- Edit the page in real time
- Interact directly with UI components
- Adjust properties through structured tabs and fields
- Instantly preview changes without leaving the editor
The Live Editor is perfect for creators who want fast, intuitive control without manually writing JSON.
Page Types
Below is a breakdown of every page type available in Applin Studio—each with unique capabilities, structures, and use cases.
Blank Page
The Blank Page is the simplest page type in Applin. It contains only essential configuration options such as background color, cover settings, navigation behavior, and screen orientation.
It is ideal for minimal designs, loading buffers, transitional screens, or pages that require a completely clean starting point.
See Blank Page
Chat Page
Chat pages support real-time messaging and interactive communication. They include:
- Text messaging
- Emojis
- Image attachments
- File sending
- Live conversation flow
Perfect for support chat, social features, or in-app communication systems.
See Chat Page
EBook Page
The EBook Page is designed for long-form reading experiences. It supports:
- Multi-chapter books
- Pagination
- Smooth reading navigation
- Structured text layout
Ideal for novels, manuals, educational material, reports, or documentation.
See EBook Page
Form Page
A Form Page allows you to collect user input using:
- Text fields
- Toggles
- Checkboxes
- Radio buttons
- File upload fields
- Validation rules
This is perfect for registration forms, surveys, feedback systems, or data collection workflows.
See Form Page
Listing Page
Listing pages display structured, data-driven lists with support for:
- Searching
- Filtering
- Sorting
- Click-to-view details
- Custom item templates
Perfect for catalogs, blogs, product lists, or any interface that displays multiple items.
See Listing Page
Main Page
The Main Page acts as the app’s primary landing page. It provides:
- Central navigation
- Quick access to major sections
- Highlighted content
- Dashboard functionality
It’s the first place users interact with after opening the app.
See Main Page
MarkDown Page
Markdown pages allow you to display beautifully formatted content using Markdown syntax, including:
- Headings
- Bold/italic text
- Links
- Images
- Code blocks
Great for documentation, tutorials, posts, guides, or developer content.
See MarkDown Page
PDF Page
PDF pages render multi-page PDF documents in a smooth, swipable e-book layout, giving users a book-like reading experience.
See PDF Page
Photo Page
Photo pages display high-resolution images with built-in zoom controls, providing an interactive and detailed viewing experience—ideal for galleries, product showcases, photography portfolios, and more.
See Photo Page
Profile Page
Profile pages are tailored for user-specific information, including:
- Personal details
- Avatar
- Editable settings
- User activity
Ideal for membership apps, communities, and personalized dashboards.
See Profile Page
Splash Page
A Splash Page displays immediately when the app launches. It usually shows:
- Logo
- Branding
- Intro animation
This creates a polished first impression while the app initializes.
See Splash Page
Term Page
Term pages display legal content, including:
- Terms of Service
- Privacy Policies
- User Agreements
They may include an Accept/Agree button to ensure compliance before users proceed.
See Term Page
Text Page
A Text Page is designed for structured written content, supporting:
- Paragraphs
- Headings
- Quotes
- Styled text
Useful for announcements, descriptions, or info screens.
See Text Page
Video Page
Video pages embed video playback directly inside the app, supporting:
- Play / pause
- Timeline controls
- Fullscreen
- Captions
Perfect for tutorials, courses, promotional clips, or multimedia content.
See Video Page
Web Page
Web pages embed live websites or web-based tools inside your app using an in-app WebView.
This allows access to:
- External content
- Online dashboards
- Embedded services
Without forcing users to leave the app.
See Web Page
Wizard Page
Wizard pages guide users through structured multi-step flows, ideal for onboarding, tutorials, setup processes, or guided workflows.
See Wizard Page