Morphing Search

Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/morphing-search

Files

• components/motion/morphing-search.tsx
• lib/ease.ts
• lib/hooks/use-on-open.ts
• lib/hooks/use-row-cursor.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Search Input Components
• React Search Input Components
• Tailwind CSS Search Input Components
• Animated Search Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components
• Animated Text Input Components

More from beUI

• Input
• Otp Input
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert