Morph Nav

A floating action button that morphs through states with SVG path-morphing trigger icon.

Library

Nexvyn UI

Framework

React

Type

ui

License

CC-BY-NC-4.0+Commons-Clause+MIT

Dependencies

motion

Install

npx shadcn@latest add @nexvyn/morph-nav

Files

• components/ui/morph-nav.tsx
• lib/hooks/use-proximity-highlight.tsx
• lib/motion-tokens.ts
• lib/utils.ts

Source

https://github.com/Nexvyn/Nexvyn-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components
• FAB Components
• React FAB Components
• Tailwind CSS FAB Components
• Animated FAB Components

More from Nexvyn UI

• Action Button
• Adaptive Actions
• Clipboard Field
• Context Menu
• Dropdown Menu
• Gooey Dropdown
• Icon Bar
• Input Copy
• Nav Menu
• Select
• Accordion
• AI Input