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.

Connect 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

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

Connect to Codex

Claude

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

Connect to Claude

Cursor

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

Connect to 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