Dynamic Notch Activity Indicator

A macOS-style notch that morphs width and accent color to visualize live agent states like reading, writing, and running commands.

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

"use client"

import Component from "@/components/ui/cue-dynamic-notch-activity-indicator"

export default function Demo() {
  return <Component />
}