Prompts/Modals

Modals

Create focused modal dialog components that present forms, confirmations, filters, alerts, and contextual workflows in overlays, helping users complete tasks with clear hierarchy, accessible controls, responsive behavior, and bounded dialog layouts.

Get started free

Connect TypeUI to your AI coding tool for free, then unlock the full library of design systems and UI prompts when you need more.

View pricing

Install TypeUI where you build

Connect TypeUI to Codex, Claude, or Cursor and give your AI coding tool the design systems, prompts, and layout variations it needs to generate better UI.

Codex

Install TypeUI in Codex and use design systems, UI prompts, and layout variations directly from your coding agent.

Install in Codex

Claude

Connect Claude to TypeUI so it can apply curated design guidance when you ask it to build interface screens.

Install in Claude

Cursor

Add TypeUI to Cursor and give your editor access to structured prompts and interface variation workflows.

Install in Cursor

Modals

Compact Form Modal

Wide Form Modal

Selectable Option Form Modal

Accordion Form Modal

Checklist Date Range Modal

Avatar Role Color Picker Modal

Icon Badge Success Modal

Icon List Result Modal

Item Preview Confirmation Modal

Illustrated Single Action Modal

Full Bleed Alert Modal

Contained Warning Alert Modal

Danger Badge Two Action Modal

Checkbox Grid Filter Modal

Toggle Select Filter Modal

Advanced Tabbed Filter Modal

Repeatable Select Filter Modal

Date Range Filter Modal

Get started free