Learn GLIDE with Real Code Examples

Updated Nov 23, 2025

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

Code Sample Descriptions

Glide Simple Todo App

1. Connect a Google Sheet with a column 'Todo'.
2. Create a new Glide app and connect it to the sheet.
3. Drag a List component and bind it to the 'Todo' column to display items.
4. Add an Input and Button component -> configure action to append input as new row to the sheet.
5. Configure list to refresh automatically.
6. Preview instantly on web or mobile device.

Demonstrates a simple Glide app using a spreadsheet as the backend to manage a Todo list, visually displaying items and allowing new tasks to be added.

Let’s Try →

Glide Counter App

1. Add a Google Sheet column 'Count', initialize with 0.
2. Create Glide app and bind a Label to 'Count'.
3. Add Buttons '+', '-', 'Reset'.
4. Configure '+': increment 'Count' value in sheet.
5. Configure '-': decrement 'Count'.
6. Configure 'Reset': set 'Count' = 0.
7. Preview on device.

A simple counter app using a sheet column for storage and buttons to increment, decrement, and reset values.

Let’s Try →

Glide Login Form

1. Create a sheet with columns 'Username' and 'Password'.
2. Add Text Inputs for username and password.
3. Add Button 'Login'.
4. Configure action: check if input matches sheet row -> Navigate to Home.
5. Else -> Show notification 'Invalid credentials'.

Implements a login form using sheet data to validate users.

Let’s Try →

Glide Notes App

1. Add Google Sheet with column 'Notes'.
2. Bind a List component to the 'Notes' column.
3. Add Text Input and Button -> Append new note to sheet.
4. Add optional Delete button using Glide actions.
5. Preview app on device or web.

Stores and displays notes using sheet rows and Glide list components.

Let’s Try →

Glide Stopwatch App

1. Add sheet column 'Seconds', initialize 0.
2. Bind Label to 'Seconds'.
3. Add Buttons 'Start', 'Stop', 'Reset'.
4. 'Start': increment 'Seconds' every second using Glide timer action.
5. 'Stop': stop timer.
6. 'Reset': set 'Seconds' = 0.

Simulates a stopwatch using numeric sheet column and buttons.

Let’s Try →

Glide Theme Toggle App

1. Add sheet column 'isDark' (true/false).
2. Add Switch component bound to 'isDark'.
3. Configure actions: Change component visibility and colors based on 'isDark'.
4. Add Label to indicate mode.
5. Preview theme toggling.

Switches between light and dark themes using boolean sheet column and visibility settings.

Let’s Try →

Glide Calculator App

1. Add sheet columns 'Num1', 'Num2', 'Result'.
2. Add two Text Inputs for numbers.
3. Add Buttons '+', '-', '*', '/'.
4. Configure each button: set 'Result' = formula using 'Num1' and 'Num2'.
5. Bind Label to display 'Result'.

Implements a four-function calculator using sheet formulas and input components.

Let’s Try →

Glide Weather App

1. Add sheet column 'City'.
2. Add Text Input for city name.
3. Add Button 'Fetch' -> Glide Webhook/API action.
4. Store API response in sheet columns 'Temp', 'Condition'.
5. Bind Labels to show temperature and weather.

Fetches weather info from API and displays it in the app using sheet columns.

Let’s Try →

Glide Image Gallery

1. Add sheet column 'ImageURL'.
2. Bind List component to 'ImageURL'.
3. Inside list, add Image component bound to current row's URL.
4. Add Button 'Add Image' -> Append URL to sheet.
5. Preview images on device.

Displays images from a sheet using Glide list and image components.

Let’s Try →

Glide QR Scanner App

1. Add sheet column 'QRResult'.
2. Add Button 'Scan QR'.
3. Use Glide QR Scanner action -> store result in 'QRResult'.
4. Bind Label to display scanned data.
5. Preview on device.

Scans QR codes using device camera and stores results in a sheet column.

Let’s Try →

Code Sample Descriptions

Glide Simple Todo App

1. Connect a Google Sheet with a column 'Todo'.
2. Create a new Glide app and connect it to the sheet.
3. Drag a List component and bind it to the 'Todo' column to display items.
4. Add an Input and Button component -> configure action to append input as new row to the sheet.
5. Configure list to refresh automatically.
6. Preview instantly on web or mobile device.

Demonstrates a simple Glide app using a spreadsheet as the backend to manage a Todo list, visually displaying items and allowing new tasks to be added.

Let’s Try →

Glide Counter App

1. Add a Google Sheet column 'Count', initialize with 0.
2. Create Glide app and bind a Label to 'Count'.
3. Add Buttons '+', '-', 'Reset'.
4. Configure '+': increment 'Count' value in sheet.
5. Configure '-': decrement 'Count'.
6. Configure 'Reset': set 'Count' = 0.
7. Preview on device.

A simple counter app using a sheet column for storage and buttons to increment, decrement, and reset values.

Let’s Try →

Glide Login Form

1. Create a sheet with columns 'Username' and 'Password'.
2. Add Text Inputs for username and password.
3. Add Button 'Login'.
4. Configure action: check if input matches sheet row -> Navigate to Home.
5. Else -> Show notification 'Invalid credentials'.

Implements a login form using sheet data to validate users.

Let’s Try →

Glide Notes App

1. Add Google Sheet with column 'Notes'.
2. Bind a List component to the 'Notes' column.
3. Add Text Input and Button -> Append new note to sheet.
4. Add optional Delete button using Glide actions.
5. Preview app on device or web.

Stores and displays notes using sheet rows and Glide list components.

Let’s Try →

Glide Stopwatch App

1. Add sheet column 'Seconds', initialize 0.
2. Bind Label to 'Seconds'.
3. Add Buttons 'Start', 'Stop', 'Reset'.
4. 'Start': increment 'Seconds' every second using Glide timer action.
5. 'Stop': stop timer.
6. 'Reset': set 'Seconds' = 0.

Simulates a stopwatch using numeric sheet column and buttons.

Let’s Try →

Glide Theme Toggle App

1. Add sheet column 'isDark' (true/false).
2. Add Switch component bound to 'isDark'.
3. Configure actions: Change component visibility and colors based on 'isDark'.
4. Add Label to indicate mode.
5. Preview theme toggling.

Switches between light and dark themes using boolean sheet column and visibility settings.

Let’s Try →

Glide Calculator App

1. Add sheet columns 'Num1', 'Num2', 'Result'.
2. Add two Text Inputs for numbers.
3. Add Buttons '+', '-', '*', '/'.
4. Configure each button: set 'Result' = formula using 'Num1' and 'Num2'.
5. Bind Label to display 'Result'.

Implements a four-function calculator using sheet formulas and input components.

Let’s Try →

Glide Weather App

1. Add sheet column 'City'.
2. Add Text Input for city name.
3. Add Button 'Fetch' -> Glide Webhook/API action.
4. Store API response in sheet columns 'Temp', 'Condition'.
5. Bind Labels to show temperature and weather.

Fetches weather info from API and displays it in the app using sheet columns.

Let’s Try →

Glide Image Gallery

1. Add sheet column 'ImageURL'.
2. Bind List component to 'ImageURL'.
3. Inside list, add Image component bound to current row's URL.
4. Add Button 'Add Image' -> Append URL to sheet.
5. Preview images on device.

Displays images from a sheet using Glide list and image components.

Let’s Try →

Glide QR Scanner App

1. Add sheet column 'QRResult'.
2. Add Button 'Scan QR'.
3. Use Glide QR Scanner action -> store result in 'QRResult'.
4. Bind Label to display scanned data.
5. Preview on device.

Scans QR codes using device camera and stores results in a sheet column.

Let’s Try →