OpenAI Loading Animation - Using CSS
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.
What You'll Learn
Professional Loading States: Replace pixelated GIFs with crisp CSS animations that load instantly and enhance your Bubble app's professional appearance
Perfect Workflow Timing: Master the exact sequence of show/hide actions needed to synchronize loading animations with OpenAI API responses
Advanced Progress Tracking: Discover how token calculation can enable dynamic progress bars that provide users with accurate response time estimates
Happy Builders
Join hundreds of Bubble builders shipping real products
From solo founders to side hustlers, builders worldwide use Planet No Code to get unstuck, ship faster, and avoid costly mistakes.
Happy Builders
Join hundreds of Bubble builders shipping real products
From solo founders to side hustlers, builders worldwide use Planet No Code to get unstuck, ship faster, and avoid costly mistakes.
Happy Builders
Join hundreds of Bubble builders shipping real products
From solo founders to side hustlers, builders worldwide use Planet No Code to get unstuck, ship faster, and avoid costly mistakes.
Meet Matt 👋
I discovered Bubble in 2017 while building WordPress sites and immediately saw its potential. After 7+ years of building apps, coaching hundreds of founders, and creating 500+ tutorials watched over 1.3 million times, I've seen every Bubble mistake (and made most of them myself).
What sets my teaching apart? I don't just show you how to build, I show you how to build smart. My students have launched real SaaS products, sold apps for profit, and avoided months of costly mistakes. I'm here to get you unstuck fast and building with confidence.
500+ Bubble Tutorials
1.3M+ Views on YouTube
Hundreds Launched
EXPERIENCED WITH
Meet Matt 👋
I discovered Bubble in 2017 while building WordPress sites and immediately saw its potential. After 7+ years of building apps, coaching hundreds of founders, and creating 500+ tutorials watched over 1.3 million times, I've seen every Bubble mistake (and made most of them myself).
What sets my teaching apart? I don't just show you how to build, I show you how to build smart. My students have launched real SaaS products, sold apps for profit, and avoided months of costly mistakes. I'm here to get you unstuck fast and building with confidence.
500+ Bubble Tutorials
1.3M+ Views on YouTube
Hundreds Launched
EXPERIENCED WITH
Meet Matt 👋
I discovered Bubble in 2017 while building WordPress sites and immediately saw its potential. After 7+ years of building apps, coaching hundreds of founders, and creating 500+ tutorials watched over 1.3 million times, I've seen every Bubble mistake (and made most of them myself).
What sets my teaching apart? I don't just show you how to build, I show you how to build smart. My students have launched real SaaS products, sold apps for profit, and avoided months of costly mistakes. I'm here to get you unstuck fast and building with confidence.
500+ Bubble Tutorials
1.3M+ Views on YouTube
Hundreds Launched
EXPERIENCED WITH
500+ Tutorials
Every Bubble topic covered in 500+ tutorials
ChatGPT & AI Assistants
Build production-ready AI chat apps with OpenAI and Claude
Responsive Web Design
Master modern layouts and mobile-first design
Payment & Email APIs
Handle subscriptions, payments, and transactional emails
Data Security & Privacy
Protect user data and paid user pages
Web Scraping & External Data
Pull data from websites, APIs, and search engines
Advanced Features
Calendar, file uploads, image generation, and automation
Bubble AI Assistant + 4 Courses
$15
/month
Intro price, cancel anytime
Instant Bubble Help Trained on 500+ Tutorials
Get unstuck fast with an AI assistant that actually understands Bubble, plus four complete courses to master no-code development.
4K+
WHAT’S INCLUDED
AI trained on 500+ Planet No Code tutorials
Instant answers with video recommendations
Direct access to Matt when you're stuck
Cancel anytime, no commitment
500+ Tutorials
Every Bubble topic covered in 500+ tutorials
ChatGPT & AI Assistants
Build production-ready AI chat apps with OpenAI and Claude
Responsive Web Design
Master modern layouts and mobile-first design
Payment & Email APIs
Handle subscriptions, payments, and transactional emails
Data Security & Privacy
Protect user data and paid user pages
Web Scraping & External Data
Pull data from websites, APIs, and search engines
Advanced Features
Calendar, file uploads, image generation, and automation
Bubble AI Assistant + 4 Courses
$15
/month
Intro price, cancel anytime
Instant Bubble Help Trained on 500+ Tutorials
Get unstuck fast with an AI assistant that actually understands Bubble, plus four complete courses to master no-code development.
4K+
WHAT’S INCLUDED
AI trained on 500+ Planet No Code tutorials
Instant answers with video recommendations
Direct access to Matt when you're stuck
Cancel anytime, no commitment
500+ Tutorials
Every Bubble topic covered in 500+ tutorials
ChatGPT & AI Assistants
Build production-ready AI chat apps with OpenAI and Claude
Responsive Web Design
Master modern layouts and mobile-first design
Payment & Email APIs
Handle subscriptions, payments, and transactional emails
Data Security & Privacy
Protect user data and paid user pages
Web Scraping & External Data
Pull data from websites, APIs, and search engines
Advanced Features
Calendar, file uploads, image generation, and automation
Bubble AI Assistant + 4 Courses
$15
/month
Intro price, cancel anytime
Instant Bubble Help Trained on 500+ Tutorials
Get unstuck fast with an AI assistant that actually understands Bubble, plus four complete courses to master no-code development.
4K+
WHAT’S INCLUDED
AI trained on 500+ Planet No Code tutorials
Instant answers with video recommendations
Direct access to Matt when you're stuck
Cancel anytime, no commitment