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.

Build where you want

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 TypeUI to Codex and use design systems, UI prompts, and layout variations directly from your coding agent.

Connect TypeUI to Codex

Claude

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

Connect TypeUI to Claude

Cursor

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

Connect TypeUI to Cursor

Widgets

Dashboard Metrics Chart Widget

Dashboard Metrics Chart Widget

Date Range Bar Chart Widget

Date Range Bar Chart Widget

Filtered Metric Bar Chart Widget

Filtered Metric Bar Chart Widget

Filterable Donut Chart Widget

Filterable Donut Chart Widget

Dual KPI Line Chart Widget

Dual KPI Line Chart Widget

Segmented Metrics Area Chart Widget

Segmented Metrics Area Chart Widget

Metric Area Chart Widget

Metric Area Chart Widget

Income Expense Bar Chart Widget

Income Expense Bar Chart Widget

Distribution Pie Chart Widget

Distribution Pie Chart Widget

Semi-Circular Gauge Widget

Semi-Circular Gauge Widget

Stacked Bar Chart Widget

Stacked Bar Chart Widget

Geographic Distribution Map Widget

Geographic Distribution Map Widget

Segmented Breakdown Summary Widget

Segmented Breakdown Summary Widget

Radial Progress Summary Widget

Radial Progress Summary Widget

Expandable Progress Ring Widget

Expandable Progress Ring Widget

Large Density Heatmap Widget

Large Density Heatmap Widget

Large Horizontal Grouped Bar Chart Widget

Large Horizontal Grouped Bar Chart Widget

Large Donut Table Breakdown Widget

Large Donut Table Breakdown Widget

Tabbed KPI Gauge Overview Widget

Tabbed KPI Gauge Overview Widget

Multi-Metric Overview Widget

Multi-Metric Overview Widget

Split Metrics Ring Overview Widget

Split Metrics Ring Overview Widget

Large Grouped Vertical Bar Chart Widget

Large Grouped Vertical Bar Chart Widget

Tabbed Area Chart Big Widget

Tabbed Area Chart Big Widget

Upload Widget With Split Dropzone And Circular Progress List

Upload Widget With Split Dropzone And Circular Progress List

Compact Metric Stat Card

Compact Metric Stat Card

Widget With Tabs And Conversion Inputs

Widget With Tabs And Conversion Inputs

List Widget With Avatars And Rating Badges

List Widget With Avatars And Rating Badges

Widget With Dropdown And Action Button

Widget With Dropdown And Action Button

Upload Widget With Dropzone And Linear Progress List

Upload Widget With Dropzone And Linear Progress List

Widget With Progress Bar

Widget With Progress Bar

Suggested Prompt List Widget With Icon Rows

Suggested Prompt List Widget With Icon Rows

Widget With Trend Badge

Widget With Trend Badge

Icon Labeled Stat Card With Trend Comparison

Icon Labeled Stat Card With Trend Comparison

Widget With Centered Helper And Trend Badge

Widget With Centered Helper And Trend Badge

Form Widget With Select Inputs

Form Widget With Select Inputs

Widget With Left Icon And Text

Widget With Left Icon And Text

List Widget With Status Indicators

List Widget With Status Indicators

Widget With Progress Bars

Widget With Progress Bars

Two Column Widget With Data And Badges

Two Column Widget With Data And Badges

Informational Two Column Widget