Dev Design Library

Beam Search Bar

A search bar whose bottom edge lights up with a traveling beam while it has focus.

Beam Search Bar preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
border-beam, lucide-react
Install
npx shadcn@latest add @spectrumui/beam-search
Files
  • components/spectrumui/beam-search.tsx
  • components/spectrumui/use-surface-theme.ts
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI