component
ChatGPT Busy State
By Bode Chris

Details
- Bode ChrisAuthor
- componentType
- 2026-09-07Published
- 2026-09-07Updated
- 2026-09-07Added
- LoadersCategories
Summary
ChatGPT Busy State combines a flowing grid animation with a subtle light sweep across the status text.
Description
Add a polished AI thinking state to your Framer projects. ChatGPT Busy State combines a flowing grid animation with a subtle light sweep across the status text. Use it for AI tools, chat interfaces, content generators, loading screens, automated workflows, and any experience where users need visual feedback while something is being processed. Choose between dots, circles, squares, and triangles, then customize the grid density, wave direction, pulse size, animation speed, colors, typography, spacing, frame size, and corner radius directly inside Framer. Features: • Four animated shape styles • Custom grid columns and rows • Adjustable wave direction and spread • Control over pulse size and animation speed • Animated highlight sweep across the status text • Custom status message, colors, typography, and spacing • Responsive frame and text sizing • Custom background and corner radius • Reduced-motion support • Static Framer Canvas and export fallback • Animations pause automatically when offscreen • Accessible live status announcements • Multiple instances can run safely on the same page • Fully customizable in Framer • No code required Perfect for AI assistants, generators, chatbots, dashboards, creative tools, onboarding flows, and loading experiences that deserve more personality.
Introduction
A polished thinking state for AI
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1674