Dialogs built with Motion. Install via CLI or copy the code into your project.
Default
Clean dialog with a fade transition.
npx @abhivarde/syncui@latest add dialogs/default
Slide Up
Dialog slides up from the bottom.
npx @abhivarde/syncui@latest add dialogs/slideUp
Blur Modal
Frosted glass effect with backdrop blur.
npx @abhivarde/syncui@latest add dialogs/blur
Form
Form fields with a grow-in animation.
npx @abhivarde/syncui@latest add dialogs/form
Info
Centered message that auto-closes.
npx @abhivarde/syncui@latest add dialogs/info
Fullscreen
Dialog expands to fill the screen.
npx @abhivarde/syncui@latest add dialogs/fullscreen
Sidebar
Sidebar slides in with a navigation list.
npx @abhivarde/syncui@latest add dialogs/sidebar
Notification
Toast slides in with a spring animation.
npx @abhivarde/syncui@latest add dialogs/notification