Free animated modals and overlays for React
Dialogs, drawers and command palettes with focus management, escape handling and reduced-motion fallbacks. Every example works with Next.js and Tailwind, and the source installs directly into your project.
4 components
Modals and OverlaysMotionoverlayEither themeCommand PaletteFree React command palette: ⌘K opens a spring panel, results filter as you type with staggered reveals and full combobox keyboard navigation.View component Modals and OverlaysMotionoverlayEither themeSlide-Over DrawerFree React slide-over drawer: panel glides in from the right with staggered content reveal, focus trapped, Escape closes. Native dialog underneath.View component Modals and OverlaysMotionoverlayEither themeFullscreen Takeover ModalFree fullscreen modal for React: a trigger expands into a fullscreen overlay with a clip-path takeover, native dialog focus trap, Escape to close. Motion, a11y.View component Modals and OverlaysMotionoverlayEither themeSpring DialogFree React modal dialog with spring scale-in, backdrop blur fade, full focus trap and Escape handling. Built on the native dialog element.View component