OpenCode

A recreation of an OpenCode terminal session with a transcript, the prompt and the sidebar.

Library

Notra

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@base-ui/react, cn

Files

• apps/ui/registry/notra/opencode/components/opencode-window.tsx
• apps/ui/registry/notra/opencode/types/opencode.ts
• apps/ui/registry/notra/opencode/components/opencode-logo.tsx
• apps/ui/registry/notra/opencode/components/opencode-message.tsx
• apps/ui/registry/notra/opencode/components/opencode-turn-footer.tsx
• apps/ui/registry/notra/opencode/components/opencode-activity.tsx
• apps/ui/registry/notra/opencode/components/opencode-sources.tsx
• apps/ui/registry/notra/opencode/components/opencode-progress.tsx

Source

https://github.com/usenotra/notra

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Animated AI Element Components
• Chat Page Components
• React Chat Page Components
• Tailwind CSS Chat Page Components
• Animated Chat Page Components
• Conversation Components
• React Conversation Components
• Tailwind CSS Conversation Components
• Animated Conversation Components

More from Notra

• ChatGPT
• ChatGPT Thread
• Claude
• Claude Code
• Claude Code Prompt
• Claude Code Terminal
• Codex
• Codex Composer
• Codex Terminal
• Gemini
• Google AI Overview
• OpenCode Composer