Claude Code Header

Claude Code's compact header: the pixel mascot next to version, model and working directory, with notices below.

Library

Notra

Framework

React

Type

component

License

AGPL-3.0

Dependencies

cn

Files

• apps/ui/registry/notra/claude-code/components/claude-code-header.tsx
• apps/ui/registry/notra/claude-code/components/claude-code-logo.tsx
• apps/ui/registry/notra/claude-code/types/claude-code.ts
• apps/ui/registry/notra/claude-code/constants/claude-code.ts
• apps/ui/registry/notra/claude-code/lib/claude-code-inline.tsx
• apps/ui/components/ui/card.tsx
• apps/ui/components/ui/collapsible.tsx

Source

https://github.com/usenotra/notra

Categories

• Heading Components
• React Heading Components
• Tailwind CSS Heading Components
• Text Components
• React Text Components
• Tailwind CSS Text Components
• shadcn/ui Text Components

More from Notra

• AI Overview Header
• Codex Header
• AI Overview
• AI Overview Citation
• AI Overview Content
• AI Overview Highlight
• AI Overview Skeleton
• Chat Minimap
• ChatGPT
• ChatGPT Actions
• ChatGPT Activity
• ChatGPT Composer