Halo Search
Search input for React and shadcn/ui with an animated gradient border, clear button, loading state, and a Warp shader avatar.
Updated
Component demo
Animated search
Press Enter to run a mock search — loading state matches how you'd gate a real fetch. Clear resets the request timer too. Toggle frosted fill to see the gradient blobs through the field.
Search docs, APIs, or ask a question…
Clear the field or use the trailing control to see the deletion animation. Prefer reduced motion? Effects shorten or disable automatically.
Halo Search is a React search input for shadcn/ui and part of the Halo kit. Use it for site search, command bars, or AI assistant prompts.
Installation
pnpm dlx shadcn@latest add @cult-ui/halo-search