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

    77
  • Cost Meter

    Cost Meter

    29
  • Quota Banner

    Quota Banner

    21
  • Message Scroller

    Message Scroller

    21
  • Commit

    Commit

    17
  • Image Generation Loader

    Image Generation Loader

    15
  • Attachments

    Attachments

    15
  • Citations

    Citations

    14

More in AI chats

View all
  • AI Actions

    AI Actions

    318
  • Agent Chat

    Agent Chat

    17
  • Approval Card

    Approval Card

    13
  • System Message

    System Message

    53
  • Prompt with Model Picker

    Prompt with Model Picker

    2
  • Message

    Message

    48
  • AI Task List

    AI Task List

    159
  • Suggestions

    Suggestions

    28

Explore more

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