Browse components

Sign In Modal

Compact sign-in form displayed in a modal.

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:modal/sign-in-modal

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSBase UI

Props

PropTypeDescription
openbooleanControlled open state.
defaultOpenbooleanInitial uncontrolled open state.
onOpenChange(open: boolean) => voidFired when the modal opens or closes.

More Modal Components

Confirm Modal

Confirmation dialog for a destructive project action.

Privacy Policy Modal

Long-form, scrollable policy content with fixed actions.