Skip to content

component

ChatGPT Busy State

By Bode Chris

Details

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.

12001400150609/89/99/119/139/15
  • All · #1674