ChatGPT Composer

The pill-shaped Ask anything input with model picker and send button.

Library

Notra

Framework

React

Type

component

License

AGPL-3.0

Dependencies

cn, lucide-react

Files

• apps/ui/registry/notra/chatgpt/components/chatgpt-composer.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-model-selector.tsx
• apps/ui/registry/notra/chatgpt/types/chatgpt.ts
• apps/ui/registry/notra/chatgpt/constants/chatgpt.ts
• apps/ui/registry/notra/chatgpt/constants/chatgpt-models.ts
• apps/ui/components/ui/avatar.tsx
• apps/ui/components/ui/button.tsx
• apps/ui/components/ui/collapsible.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
• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Prompt Input Components
• React Prompt Input Components
• Tailwind CSS Prompt Input Components
• shadcn/ui Prompt Input Components

More from Notra

• Claude Code Prompt
• Claude Composer
• Codex Composer
• Gemini Composer
• OpenCode Composer
• Perplexity Composer
• AI Overview
• AI Overview Citation
• AI Overview Content
• AI Overview Header
• AI Overview Highlight
• AI Overview Skeleton