UI Prompts
Browse 449 UI prompts and use them to generate layouts such as hero sections, pricing tables, navigation bars, dashboards, and more with Claude, Codex, Cursor, and other AI coding tools.
Marketing
Use for landing pages and presentational websites
Marketing Navbars
13 layouts
Hero Sections
25 layouts
Pricing Sections
20 layouts
Feature Sections
16 layouts
CTA Sections
11 layouts
Content Sections
12 layouts
Contact Sections
9 layouts
Customer Logo Sections
10 layouts
Team Sections
8 layouts
Social Proof Sections
11 layouts
FAQ Sections
8 layouts
Testimonials
8 layouts
Blog Sections
8 layouts
Portfolio Sections
7 layouts
Newsletter Sections
4 layouts
Event Schedule Sections
4 layouts
Footer Sections
7 layouts
404 Pages
4 layouts
500 Pages
4 layoutsApplication
Use for complex dashboards and applications with data
Application Navbars
11 layouts
Sidebars
20 layouts
Application Shells
9 layouts
Login Pages
5 layouts
Register Pages
5 layouts
Forgot Password Pages
5 layouts
Reset Password Pages
5 layouts
Two-factor Auth Pages
3 layouts
Tables
9 layouts
Widgets
50 layouts
Modals
18 layouts
Drawers
8 layouts
Dropdowns
14 layouts
Maintenance Pages
4 layoutsE-commerce
Use for online stores, shopping flows, checkout experiences, and customer support surfaces
Promotional Banners
5 layouts
Checkout Pages
4 layouts
E-commerce Footers
8 layouts
Help Center
5 layouts
E-commerce Navbars
6 layouts
Order Confirmation
4 layouts
Order Summary
4 layouts
Order Tracking
4 layouts
Orders Overview
4 layouts
Payment Forms
6 layouts
Product Cards
4 layouts
Product Categories
6 layouts
Product Information
4 layouts
Product Overview
5 layouts
Product Reviews
3 layouts
Promotional Sections
5 layouts
Return Forms
5 layouts
Shopping Cart
5 layouts
Storefront Hero
7 layoutsConnect 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.
Claude
Connect TypeUI to Claude so it can apply curated design guidance when you ask it to build interface screens.
Cursor
Connect TypeUI to Cursor and give your editor access to structured prompts and interface variation workflows.