TypeUI logoTypeUI

Prompts/Product Overview

Product Overview

Create e-commerce product overview sections that present product imagery, ratings, prices, delivery details, configurator options, buy cards, and purchase actions, helping shoppers evaluate and buy individual products.

Split Product Overview With Rating And Actions preview
Copied

Split Product Overview With Rating And Actions

Gallery Tabs With Configurator preview
Copied

Gallery Tabs With Configurator

Vertical Gallery Accordion With Buy Card preview
Copied

Vertical Gallery Accordion With Buy Card

Carousel Overview With Pickup And Payment Options preview
Copied

Carousel Overview With Pickup And Payment Options

Overlapping Card Over Cover Banner preview
Copied

Overlapping Card Over Cover Banner

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