AI thinking shimmer loading screen
A minimal AI thinking shimmer loading screen template. The word 'Thinking' sweeps from light grey to near-black in a continuous animation on a pure white background. Use as a loading state for any AI chat interface, agent response screen, or AI SaaS product built in Bolt, Replit, or Lovable.
About this vibe coding template
A minimal AI thinking indicator where the word 'Thinking' sweeps from light grey to near-black in a continuous shimmer animation on a pure white background, signaling that an AI model is actively processing a request. This loading state is smaller and less intrusive than a spinner or progress bar, making it ideal for chat interfaces and inline response areas where the user is watching a result generate in real time. Paste into Bolt, Claude Code, Replit, or Lovable and ask the AI to update the text and integrate it into your product's loading state logic.
Common questions about this template
Where in an AI product should this shimmer loading state appear?
This shimmer works best while waiting for an LLM response in a chat interface, while generating an output in an AI tool, or as a page-level loading indicator when an AI process is running in the background.
How do I show this while waiting for an API response?
Ask Bolt, Claude Code, or Replit to show the shimmer while the API request is in flight and hide it when the response arrives. Tell the AI you want a loading state that uses this shimmer and it will wire the visibility to the request lifecycle.
How do I change the shimmer text to something other than 'Thinking'?
Ask your vibe coding tool to update the shimmer text. Tell the AI what word or phrase you want to display and it will update the text while keeping the shimmer animation intact.
Can I add animated dots beside the shimmer text?
Yes. Ask Bolt, Claude Code, or Replit to add a dot animation alongside the shimmer. Tell the AI you want three dots that blink in sequence after the shimmer text.
Use this AI coding template for
- ·AI agent thinking and streaming response loading states
- ·Minimal loading screens for AI chat and assistant UIs
- ·Skeleton loading transitions for AI tool and SaaS product pages