⚠️ Mobile is not supported yet.

Dialog

Animated modal dialog with spring-based scale and opacity transitions. Built on Radix UI Dialog with overlay, header, footer, title, and description sub-components.

Provided by fluid

Open in

framer-motion
@radix-ui/react-dialog
lucide-react

https://www.fluidfunctionalism.com/r/springs.json
https://www.fluidfunctionalism.com/r/shape-context.json
https://www.fluidfunctionalism.com/r/surface-context.json
https://www.fluidfunctionalism.com/r/surface-classes.json
https://www.fluidfunctionalism.com/r/icon-context.json
https://www.fluidfunctionalism.com/r/button.json
https://www.fluidfunctionalism.com/r/size-context.json

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://www.fluidfunctionalism.com/r/dialog.json"

Files

Styles

Light Mode

No variables found.

Dark Mode

No variables found.

Theme

No variables found.

CSS

No CSS found.