Prompts/Widgets

Widgets

Create functional widget components that surface key information, actions, and status updates in compact layouts, helping users scan data, interact with controls, and complete tasks through clear hierarchy, responsive behavior, readable content, and focused interaction patterns.

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

Widgets

Dashboard Metrics Chart Widget

Date Range Bar Chart Widget

Filtered Metric Bar Chart Widget

Filterable Donut Chart Widget

Dual KPI Line Chart Widget

Segmented Metrics Area Chart Widget

Metric Area Chart Widget

Income Expense Bar Chart Widget

Distribution Pie Chart Widget

Semi-Circular Gauge Widget

Stacked Bar Chart Widget

Geographic Distribution Map Widget

Segmented Breakdown Summary Widget

Radial Progress Summary Widget

Expandable Progress Ring Widget

Large Density Heatmap Widget

Large Horizontal Grouped Bar Chart Widget

Large Donut Table Breakdown Widget

Tabbed KPI Gauge Overview Widget

Multi-Metric Overview Widget

Split Metrics Ring Overview Widget

Large Grouped Vertical Bar Chart Widget

Tabbed Area Chart Big Widget

Upload Widget With Split Dropzone And Circular Progress List

Compact Metric Stat Card

Widget With Tabs And Conversion Inputs

List Widget With Avatars And Rating Badges

Widget With Dropdown And Action Button

Upload Widget With Dropzone And Linear Progress List

Widget With Progress Bar

Suggested Prompt List Widget With Icon Rows

Widget With Trend Badge

Icon Labeled Stat Card With Trend Comparison

Widget With Centered Helper And Trend Badge

Form Widget With Select Inputs

Widget With Left Icon And Text

List Widget With Status Indicators

Widget With Progress Bars

Two Column Widget With Data And Badges

Informational Two Column Widget

List Widget With Search And Checkboxes

List Widget With Avatars And Action Buttons

List Widget With Select Inputs

List Widget With Thumbnails And Values

Map Widget With Metric Header And Ranked Table

Widget With Toggle And Checkbox Groups

Form Widget With Image Upload And Linked Accounts

Widget With Comment Field And Attachments

Widget With Detail List Timeline And Update Notice

Timeline Widget

Connect TypeUI where you build

Codex

Claude

Cursor

Get TypeUI updates in your inbox