TypeUI logoTypeUI

Prompts/Product Cards

Product Cards

Create e-commerce product card sections that present product grids, filters, ratings, configurable options, comparison layouts, carousels, and purchase actions, helping shoppers browse and compare products.

Default Card Grid With Filter Buttons preview
Copied

Default Card Grid With Filter Buttons

Sidebar Filters With Configurable Product Cards preview
Copied

Sidebar Filters With Configurable Product Cards

Bordered Comparison Grid With Filter Drawer preview
Copied

Bordered Comparison Grid With Filter Drawer

Filter Toolbar With Carousel Product Cards preview
Copied

Filter Toolbar With Carousel Product Cards

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 logo

Codex

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

Connect TypeUI to Codex
Claude logo

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 logo

Cursor

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

Connect TypeUI to Cursor