OpenCode Composer

The prompt panel with agent, model, provider and effort, over a status row with the busy scanner, context and shortcuts.

Library

Notra

Framework

React

Type

component

License

AGPL-3.0

Dependencies

cn

Files

• apps/ui/registry/notra/opencode/components/opencode-composer.tsx
• apps/ui/registry/notra/opencode/components/opencode-progress.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/input-group.tsx

Source

https://github.com/usenotra/notra

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Animated AI Element Components
• shadcn/ui AI Element Components
• Dev Tool Components
• React Dev Tool Components
• Tailwind CSS Dev Tool Components
• Animated Dev Tool Components
• shadcn/ui Dev Tool Components
• Input Components
• React Input Components

More from Notra

• ChatGPT Composer
• Claude Code
• Claude Code Prompt
• Claude Code Terminal
• Claude Composer
• Codex
• Codex Composer
• Codex Terminal
• Gemini Composer
• OpenCode
• OpenCode Window
• Perplexity Composer