Claude

A full recreation of the claude.ai chat with web search, serif replies, message actions 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/claude/components/claude-composer.tsx
• apps/ui/registry/notra/claude/components/claude-icons.tsx
• apps/ui/registry/notra/claude/components/claude-model-selector.tsx
• apps/ui/registry/notra/claude/constants/claude.ts
• apps/ui/registry/notra/claude/constants/claude-models.ts
• apps/ui/registry/notra/claude/lib/claude-models.ts
• apps/ui/registry/notra/claude/types/claude.ts
• apps/ui/registry/notra/claude/components/claude-message.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
• ChatGPT Thread
• Claude Code
• Codex
• Gemini
• Google AI Overview
• OpenCode
• Perplexity
• AI Overview
• AI Overview Citation
• AI Overview Content
• AI Overview Header