Animated overlays: modals, drawers, sheets and popovers

Layers that sit on top of the page: a modal that opens from a card, a drawer that scales the background, a draggable lightbox, a hold-to-confirm dialog, a cookie banner, a spotlight tour, long-press actions, a bottom sheet, a popover with arrow, a dynamic-island toast, a context menu and a tooltip with delay.

Each handles the entrance and exit animation for you. Set colours, radius and timing live, copy the code and connect it to your own open and close state.