Metal Prompt Bar

An AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.

Library

Spectrum UI

Framework

React

Type

component

License

Apache-2.0

Dependencies

lucide-react, metal-fx

Install

npx shadcn@latest add @spectrumui/metal-prompt-bar

Files

• components/spectrumui/metal-prompt-bar.tsx
• components/spectrumui/use-surface-theme.ts
• lib/utils.ts

Source

https://github.com/arihantcodes/spectrum-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Animated AI Element Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components

More from Spectrum UI

• AI Chat Card
• No API Keys
• Autosize Textarea Dependencies
• Button Collection
• Circular Navbar
• Contact Card Footer
• Failed to Load
• Follow Button
• Hold to Confirm
• Input Model
• Invite Teammates
• Invoices Table