Morph Surface

An unstyled layout primitive that grows, shrinks, clips, and updates the content of one persistent consumer-styled surface.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion, react-use-measure

Install

npx shadcn@latest add @sona-ui/morph-surface

Files

• src/registry/sonaui/morph-surface/morph-surface.tsx
• src/registry/sonaui/sona-motion/sona-motion.ts
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-motion.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Container Components
• Tailwind CSS Container Components
• Animated Container Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components
• Utility Components
• React Utility Components
• Tailwind CSS Utility Components
• Animated Utility Components

More from Sona UI

• Prototype Morph Surface
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton