Morphing Search
- from @tween-ui
A frosted pill search bar that turns terms into filter chips. Focus it and a panel of recent searches and suggestions blooms out of the bar like a drop of goo; press Enter and the word you typed lifts out of the field, flashes lime and lands in the bar as a teal chip. Remove a chip and the word flies back into the recent list.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @tween-ui/morphing-searchLive preview
No live preview has been built for this component yet.
Registry dependencies0
The CLI adds no other registry items with this one.
Packages0
No npm packages are installed with it.