Docs
Border Beam Input
border-beam on Base UI input and input-group primitives with line or full border glow
BorderBeamInput and BorderBeamInputGroup default to beamSize="line" (bottom-travel glow). Use pill on the group for a rounded search bar. Addons match InputGroup composition.
Same pattern as a compact toolbar search — icon + control inside BorderBeamInputGroup.
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get Propnpm add border-beam @base-ui/react
input-group component if you do not already have it.Source code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing