Learn WIX-VELO with Real Code Examples
Updated Nov 26, 2025
Code Sample Descriptions
1
Simple Counter App
# wix_velo/demo/CounterApp
1. Add a Button element to the page
2. Add a Text element to display the counter value
3. Add a page variable 'counter' initialized to 0
4. Add onClick event to Button -> increment 'counter'
5. Bind Text element to show current 'counter'
6. Preview site
A basic Wix Velo example that increments a counter when a button is clicked.
2
Simple To-Do List
# wix_velo/demo/ToDoApp
1. Add a Dataset 'Tasks' with fields 'Title', 'Completed'
2. Add a Repeater to display Tasks
3. Add Text Input -> New Task title
4. Add Button -> OnClick: Create new Task
5. Add Checkbox -> Update 'Completed' field
6. Preview adding and completing tasks
Create a simple To-Do List using Wix Velo datasets and events.
3
Simple Notes App
# wix_velo/demo/NotesApp
1. Add Dataset 'Notes' with fields 'Title', 'Content'
2. Add Repeater -> Bind to Notes
3. Add Text Inputs for Title and Content -> New Note
4. Add Button -> OnClick: Create Note
5. Add Edit Button -> Update Note
6. Add Delete Button -> Delete Note
7. Preview notes management
Manage notes using Wix Velo with create, update, and delete actions.
4
Simple Login Screen
# wix_velo/demo/LoginScreen
1. Add Text Inputs for Email and Password
2. Add Login Button -> OnClick: Validate user
3. Display error messages if login fails
4. Redirect to home page on success
5. Preview login flow
Login page using Wix Velo and Users collection.
5
Simple Sign-Up Form
# wix_velo/demo/SignUpForm
1. Add Text Inputs for Email, Password, Name
2. Add Button -> OnClick: Create new user
3. Display success message
4. Redirect to login/home page
5. Preview sign-up
Create new users with Wix Velo Sign-Up actions.
6
Simple Profile Page
# wix_velo/demo/ProfilePage
1. Add Text elements -> Bind to current user fields (Name, Email, Avatar)
2. Add Image element -> Bind to Avatar
3. Add Edit Button -> Update current user fields
4. Preview profile page
Display and edit user profile in Wix Velo.
7
Simple Image Gallery
# wix_velo/demo/ImageGallery
1. Add Dataset 'Images' with fields 'Title', 'Image'
2. Add Repeater -> Bind to Images
3. Add Image element inside Repeater -> Bind to 'Image'
4. Set layout to Grid
5. Preview image gallery
Display a collection of images with Wix Velo datasets.
8
Simple Shopping List
# wix_velo/demo/ShoppingList
1. Add Dataset 'Items' with fields 'Name', 'Quantity'
2. Add Repeater -> Bind to Items
3. Add Text Input -> New Item Name
4. Add Button -> OnClick: Create Item
5. Add Number Input -> Update Quantity
6. Add Delete Button -> Delete Item
7. Preview shopping list
Add, update, and delete items using Wix Velo.
9
Simple Task Progress Tracker
# wix_velo/demo/TaskTracker
1. Add Dataset 'Tasks' with fields 'Title', 'Status'
2. Add Repeater -> Bind to Tasks
3. Add Dropdown -> Update 'Status'
4. Add Text -> Display progress
5. Preview task updates
Track tasks progress using Wix Velo datasets.
10
Simple Event RSVP App
# wix_velo/demo/EventRSVP
1. Add Dataset 'Events' with fields 'Title', 'Date', 'Attendees'
2. Add Repeater -> Bind to Events
3. Add Button -> OnClick: Add current user to Attendees
4. Add Text -> Display number of Attendees
5. Preview RSVP interactions
Users RSVP to events stored in a Wix Velo dataset.