Prompts/Hero Sections

Hero Sections

Create high-converting hero sections that instantly capture attention, communicate your value proposition, and guide visitors toward action with clear messaging, visuals, and CTAs.

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

Hero Sections

Fullscreen Video Hero Section with Overlay Content

Hero Section with Stats and Converter Panel

Split Hero Section with Feature Blocks and Portrait Image

Split Hero with Stats and Login Card

Centered Hero with Video Thumbnail

Centered Hero with Stats Row

Full-Width Hero with Overlay and Metric Row

Centered App Hero with Phone Mockup and Social Proof

Editorial Hero with Featured Post and Article List

Centered Hero with Dashboard Mockup

Split Hero Section with Product Screenshot and Floating Cards

Centered Hero with Image Gallery

Scene Hero with Top Navigation and Carousel

Hero with Stadium Showcase and Feature Row

Centered Portal Mockup Hero

Centered Signup Hero With Card Fan

Full-Height Split Gallery Hero

Split Headline Hero With Showcase Cards

Ruled Grid Feature Hero

Centered Hero With Full-Width Banner

Blueprint Framed Split Hero

Split Download Hero With Logo Cloud

Three-Tile Image Hero

Centered Hero Section with Badge, CTAs, and Featured Image

Split Hero Section with Image and CTA Content