Learn ZOHO-CREATOR with Real Code Examples

Updated Nov 26, 2025

Introduction & Fundamentals Setup & Configuration Architecture & Deep Internals Performance & Security Development Workflow Learning & Career Growth Business & Strategy Examples

Code Sample Descriptions

Simple Counter App

# zoho_creator/demo/CounterApp
1. Create a Form 'Counter' with a field 'Value'
2. Drag a Button onto the page
3. Drag a Display field to show 'Counter.Value'
4. Configure Button Action: On click -> Increment 'Counter.Value'
5. Bind Display field to show current 'Counter.Value'
6. Preview live counter updates

A basic Zoho Creator example that increments a counter when a button is clicked.

Let’s Try →

Simple To-Do List

# zoho_creator/demo/ToDoApp
1. Create Form 'Tasks' with fields 'Title' and 'Completed'
2. Drag a List component -> Bind to Tasks Form
3. Drag Text Input to enter new Task title
4. Drag Button: On click -> Create Task
5. Drag Checkbox -> Toggle 'Completed' status
6. Preview adding and completing tasks

A basic To-Do List using Zoho Creator forms and lists.

Let’s Try →

Simple Notes App

# zoho_creator/demo/NotesApp
1. Create Form 'Notes' with fields 'Title' and 'Content'
2. Drag List -> Bind to Notes
3. Drag Button -> Action: Create Note
4. Add Edit Screen -> Update Note
5. Drag Delete Button -> Delete Note
6. Preview notes management

Create, edit, and delete notes with Zoho Creator actions.

Let’s Try →

Simple Login Screen

# zoho_creator/demo/LoginScreen
1. Drag Text Inputs for Email and Password
2. Drag Login Button -> Action: Validate User
3. Drag Text -> Show error messages
4. Redirect user on successful login
5. Add Sign-Up Form -> Create User
6. Preview login flow

Let’s Try →

Simple Sign-Up Form

# zoho_creator/demo/SignUpForm
1. Drag Text Inputs for Email, Password, Name
2. Drag Button -> Action: Create User
3. Drag Text -> Show success message
4. Redirect to Home Page after sign-up
5. Preview sign-up process

Sign-up form to create new users in Zoho Creator.

Let’s Try →

Simple Image Gallery

# zoho_creator/demo/ImageGallery
1. Create Form 'Images' with fields 'Title' and 'Image'
2. Drag List -> Bind to Images
3. Set List layout to Grid
4. Drag Image component inside List -> Bind to 'Image'
5. Preview image gallery

Displays a collection of images using Forms and Lists.

Let’s Try →

Simple Profile Page

# zoho_creator/demo/ProfilePage
1. Drag Text components -> Bind to Current User fields (Name, Email, Avatar)
2. Drag Image component -> Bind to Avatar
3. Add Edit Button -> Action: Update Current User
4. Preview profile page

Displays and edits user profile information.

Let’s Try →

Simple Shopping List

# zoho_creator/demo/ShoppingList
1. Create Form 'Items' with fields 'Name' and 'Quantity'
2. Drag List -> Bind to Items
3. Drag Text Input and Button -> Create Item
4. Drag Number Input -> Update Quantity
5. Drag Delete Button -> Delete Item
6. Preview shopping list

Create a shopping list with add, update, and delete actions.

Let’s Try →

Simple Task Progress Tracker

# zoho_creator/demo/TaskTracker
1. Create Form 'Tasks' with fields 'Title' and 'Status'
2. Drag List -> Bind to Tasks
3. Drag Dropdown -> Update 'Status'
4. Drag Text -> Show progress
5. Preview task progress updates

Track task progress using status field in Zoho Creator Form.

Let’s Try →

Simple Event RSVP App

# zoho_creator/demo/EventRSVP
1. Create Form 'Events' with fields 'Title', 'Date', 'Attendees'
2. Drag List -> Bind to Events
3. Drag Button -> Action: Add Current User to Attendees
4. Drag Text -> Display number of Attendees
5. Preview RSVP interactions

Users can RSVP to events stored in a Form.

Let’s Try →

Code Sample Descriptions

Simple Counter App

# zoho_creator/demo/CounterApp
1. Create a Form 'Counter' with a field 'Value'
2. Drag a Button onto the page
3. Drag a Display field to show 'Counter.Value'
4. Configure Button Action: On click -> Increment 'Counter.Value'
5. Bind Display field to show current 'Counter.Value'
6. Preview live counter updates

A basic Zoho Creator example that increments a counter when a button is clicked.

Let’s Try →

Simple To-Do List

# zoho_creator/demo/ToDoApp
1. Create Form 'Tasks' with fields 'Title' and 'Completed'
2. Drag a List component -> Bind to Tasks Form
3. Drag Text Input to enter new Task title
4. Drag Button: On click -> Create Task
5. Drag Checkbox -> Toggle 'Completed' status
6. Preview adding and completing tasks

A basic To-Do List using Zoho Creator forms and lists.

Let’s Try →

Simple Notes App

# zoho_creator/demo/NotesApp
1. Create Form 'Notes' with fields 'Title' and 'Content'
2. Drag List -> Bind to Notes
3. Drag Button -> Action: Create Note
4. Add Edit Screen -> Update Note
5. Drag Delete Button -> Delete Note
6. Preview notes management

Create, edit, and delete notes with Zoho Creator actions.

Let’s Try →

Simple Login Screen

# zoho_creator/demo/LoginScreen
1. Drag Text Inputs for Email and Password
2. Drag Login Button -> Action: Validate User
3. Drag Text -> Show error messages
4. Redirect user on successful login
5. Add Sign-Up Form -> Create User
6. Preview login flow

Let’s Try →

Simple Sign-Up Form

# zoho_creator/demo/SignUpForm
1. Drag Text Inputs for Email, Password, Name
2. Drag Button -> Action: Create User
3. Drag Text -> Show success message
4. Redirect to Home Page after sign-up
5. Preview sign-up process

Sign-up form to create new users in Zoho Creator.

Let’s Try →

Simple Image Gallery

# zoho_creator/demo/ImageGallery
1. Create Form 'Images' with fields 'Title' and 'Image'
2. Drag List -> Bind to Images
3. Set List layout to Grid
4. Drag Image component inside List -> Bind to 'Image'
5. Preview image gallery

Displays a collection of images using Forms and Lists.

Let’s Try →

Simple Profile Page

# zoho_creator/demo/ProfilePage
1. Drag Text components -> Bind to Current User fields (Name, Email, Avatar)
2. Drag Image component -> Bind to Avatar
3. Add Edit Button -> Action: Update Current User
4. Preview profile page

Displays and edits user profile information.

Let’s Try →

Simple Shopping List

# zoho_creator/demo/ShoppingList
1. Create Form 'Items' with fields 'Name' and 'Quantity'
2. Drag List -> Bind to Items
3. Drag Text Input and Button -> Create Item
4. Drag Number Input -> Update Quantity
5. Drag Delete Button -> Delete Item
6. Preview shopping list

Create a shopping list with add, update, and delete actions.

Let’s Try →

Simple Task Progress Tracker

# zoho_creator/demo/TaskTracker
1. Create Form 'Tasks' with fields 'Title' and 'Status'
2. Drag List -> Bind to Tasks
3. Drag Dropdown -> Update 'Status'
4. Drag Text -> Show progress
5. Preview task progress updates

Track task progress using status field in Zoho Creator Form.

Let’s Try →

Simple Event RSVP App

# zoho_creator/demo/EventRSVP
1. Create Form 'Events' with fields 'Title', 'Date', 'Attendees'
2. Drag List -> Bind to Events
3. Drag Button -> Action: Add Current User to Attendees
4. Drag Text -> Display number of Attendees
5. Preview RSVP interactions

Users can RSVP to events stored in a Form.

Let’s Try →