Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

Basic Modal

Basic Modal

Pro

Animated React modal dialog component with configurable sizes, title slot, backdrop overlay, and smooth entrance transitions.

Category: Modals & popovers
Built with: React, Tailwind, Motion
Installs: lucide-react motion usehooks-ts
Files: basic-modal.tsx, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Animated List

Animated List

Bottom Sheet

Bottom Sheet

Animated Tooltip

Animated Tooltip

Tooltip

Tooltip

Animated Context Menu

Animated Context Menu

Popover Gooey Popover

Popover Gooey Popover

Popover Morph Popover

Popover Morph Popover

Morphing Modal

Morphing Modal