Syed Hasnain

Thinking Shimmer

AI chats 2

About

A quiet live status that keeps the agent current action readable while work continues.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Thinking Shimmer to your project and fits it to your theme.

Code

How Thinking Shimmer is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import ThinkingShimmer from '@/components/ui/thinking-shimmer'

export default function Demo() {
  return <ThinkingShimmer label="Reviewing 576 registry components" />
}

Dependencies

More by Syed Hasnain

View all
  • Color Picker

    Color Picker

    118
  • Cost Meter

    Cost Meter

    36
  • Message Scroller

    Message Scroller

    30
  • Background Inbox

    Background Inbox

    28
  • Quota Banner

    Quota Banner

    26
  • Commit

    Commit

    25
  • Image Generation Loader

    Image Generation Loader

    23
  • Attachments

    Attachments

    23

More in AI chats

View all
  • AI Actions

    AI Actions

    326
  • Agent Chat

    Agent Chat

    18
  • Message Thread

    Message Thread

    49
  • Memory Scope

    Memory Scope

    3
  • AI Task List

    AI Task List

    169
  • Environment Variables

    Environment Variables

    16
  • Chat Bubble

    Chat Bubble

    190
  • System Message

    System Message

    63

Explore more

Part of Pasta UI — browse the full library on 21st.dev.