Center Morph Modal

A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/center-morph-modal

Files

• components/motion/center-morph-modal.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/presence-gate.tsx
• lib/utils.ts

Source

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

Categories

• Modal Components
• React Modal Components
• Tailwind CSS Modal Components
• Animated Modal Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components

More from beUI

• Command Palette
• Morphing Modal
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert