Form Controls
Border Beam Input
React input for shadcn/ui built on Base UI with an animated border-beam glow along the bottom edge or the full border.
Updated
Border beam input
BorderBeamInput and BorderBeamInputGroup default to beamSize="line" (bottom-travel glow). Use pill on the group for a rounded search bar. Addons match InputGroup composition.
Single input & pill group
Line beam (InputGroup)
Same pattern as a compact toolbar search — icon + control inside BorderBeamInputGroup.
Border Beam Input is a React input component for shadcn/ui built on Base UI and the border-beam package. Use it for AI prompt fields, search bars, or newsletter signup forms.
Installation
pnpm dlx shadcn@latest add @cult-ui/border-beam-input