Dev Design Library

Morphing Input

An input field that morphs between different states.

Morphing Input preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://uselayouts.com/r/morphing-input
Files
  • registry/default/example/morphing-input.tsx
  • components/ui/input.tsx
  • lib/utils.ts
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts