TypeUI logoTypeUI

Prompts/Marketing Navbars

Marketing Navbars

Create marketing navbar sections that organize brand navigation, announcements, search, locale utilities, trust signals, and conversion CTAs for landing pages and public websites.

Centered Logo Navbar With Split Nav And CTA Actions preview
Copied

Centered Logo Navbar With Split Nav And CTA Actions

Double Bar Navbar With User Utility And Nav Links preview
Copied

Double Bar Navbar With User Utility And Nav Links

Triple Bar Navbar With Market Stats Search And Secondary Nav preview
Copied

Triple Bar Navbar With Market Stats Search And Secondary Nav

Triple Bar Navbar With Announcement Rating Trust Features preview
Copied

Triple Bar Navbar With Announcement Rating Trust Features

Default Navbar With Centered Nav And Login CTA preview
Copied

Default Navbar With Centered Nav And Login CTA

Double Bar Navbar With Contact Utility And Icon Label Nav preview
Copied

Double Bar Navbar With Contact Utility And Icon Label Nav

Quad Bar Navbar With Rating Announcement Search And Secondary Nav preview
Copied

Quad Bar Navbar With Rating Announcement Search And Secondary Nav

Double Bar Navbar With Announcement And Centered Logo preview
Copied

Double Bar Navbar With Announcement And Centered Logo

Double Bar Navbar With Top Utilities And Joined Category Search preview
Copied

Double Bar Navbar With Top Utilities And Joined Category Search

Single Bar Navbar With Nav Search And Language preview
Copied

Single Bar Navbar With Nav Search And Language

Triple Bar Navbar With Contact Utility Brand Search And Nav preview
Copied

Triple Bar Navbar With Contact Utility Brand Search And Nav

Quad Bar Navbar With Announcement Contact Icon Nav And Search Row preview
Copied

Quad Bar Navbar With Announcement Contact Icon Nav And Search Row

Triple Bar Navbar With Announcement Centered Brand And Category Search preview
Copied

Triple Bar Navbar With Announcement Centered Brand And Category Search

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