{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "spring-modal", "type": "registry:block", "title": "Spring Modal", "description": "A dialog that springs open out of the button that opened it: the button's shape morphs into the dialog's with round corners at every frame, the backdrop blur ramps with it, and it closes back into the button, interruptibly. Focus trap, Escape, click outside and drag-down on touch.", "docs": "Spring Modal was added to public/vividsites/spring-modal.html. Paste its markup, \n\n\n\n\n\n" } ], "meta": { "category": "ui", "group": "Loaders, cursors & feedback", "tags": [ "modal", "dialog", "morph", "flip", "spring", "sheet", "focus trap", "backdrop blur" ], "tech": [ "CSS", "JS" ], "deps": [ "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600&display=swap" ], "source": null, "free": true, "accent": "#3ddc97", "added": "2026-09-30", "demo": "https://vividsites.app/api/component/spring-modal/index.html", "thumbnail": "https://vividsites.app/api/component/spring-modal/thumb.jpg", "video": "https://vividsites.app/api/component/spring-modal/thumb.mp4", "page": "https://vividsites.app/c/spring-modal" } }