ChatGPT

A full recreation of a ChatGPT conversation with thinking, web search, reasoning and the model picker, built on shadcn Base UI.

Library

Notra

Framework

React

Type

block

License

AGPL-3.0

Dependencies

cn, lucide-react

Files

• apps/ui/registry/notra/chatgpt/components/chatgpt-action-button.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-actions.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-activity.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-composer.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-favicon.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-icons.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-message.tsx
• apps/ui/registry/notra/chatgpt/components/chatgpt-model-selector.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
• Chat Page Components
• React Chat Page Components
• Tailwind CSS Chat Page Components
• shadcn/ui Chat Page Components
• Conversation Components
• React Conversation Components
• Tailwind CSS Conversation Components
• shadcn/ui Conversation Components

More from Notra

• ChatGPT Thread
• Claude
• Claude Code
• Codex
• Gemini
• Google AI Overview
• OpenCode
• Perplexity
• AI Overview
• AI Overview Citation
• AI Overview Content
• AI Overview Header