OpenCode Activity

Orange thoughts with a live Thinking spinner, plus muted read, web search and tool lines.

Library

Notra

Framework

React

Type

component

License

AGPL-3.0

Dependencies

cn

Files

• apps/ui/registry/notra/opencode/components/opencode-activity.tsx
• apps/ui/registry/notra/opencode/constants/opencode.ts
• apps/ui/registry/notra/opencode/types/opencode.ts
• apps/ui/registry/notra/opencode/hooks/use-opencode-frame.ts
• apps/ui/registry/notra/opencode/hooks/use-opencode-reduced-motion.ts
• apps/ui/components/ui/collapsible.tsx
• apps/ui/components/ui/button.tsx
• apps/ui/components/ui/button-content.tsx

Source

https://github.com/usenotra/notra

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• shadcn/ui AI Element Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components
• Thinking Indicator Components
• React Thinking Indicator Components
• Tailwind CSS Thinking Indicator Components
• Tool Call Components

More from Notra

• ChatGPT Thinking
• Claude Code Thinking
• Claude Code Todo List
• Claude Code Tool Call
• Claude Thinking
• Codex Exec
• Codex Explored
• Codex Working
• Gemini Thinking
• Perplexity Thinking
• AI Overview
• AI Overview Citation