Dev Design Library

Claude Composer

The claude.ai message box with model picker, dictation and a morphing send button, built on shadcn Button and DropdownMenu.

Claude Composer preview
Library
Notra
Framework
React
Type
component
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-plus-menu.tsx
Source
https://github.com/usenotra/notra

Categories

More from Notra