Glow Input
Input with animated gradient border and drop-shadow glow on focus. Drop-in replacement for Input.
Installation
1
Run the CLI
$npx particleui-cli add glow-input
Usage
TSX
import { GlowInput } from "@/components/ui/glow-input"
export default function Example() {
return <GlowInput placeholder="Focus to glow..." />
}Props
| Prop | Type | Default | Required |
|---|---|---|---|
| glowColor | string | "oklch(78% 0.17 200)" | no |
Details
Source filecomponents/ui/glow-input.tsx
Typeui
Categoriesforms, particles
npm dependencies
Registry deps
Claude skill—