UI Design Prompts
Browse 436 UI design 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
Hero Sections
25 layoutsPricing Sections
20 layoutsFeature Sections
16 layoutsCTA Sections
11 layoutsContent Sections
12 layoutsContact Sections
9 layoutsCustomer Logo Sections
10 layoutsTeam Sections
8 layoutsSocial Proof Sections
11 layoutsFAQ Sections
8 layoutsTestimonials
8 layoutsBlog Sections
8 layoutsPortfolio Sections
7 layoutsNewsletter Sections
4 layoutsEvent Schedule Sections
4 layoutsFooter Sections
7 layouts404 Pages
4 layouts500 Pages
4 layoutsApplication
Use for complex dashboards and applications with data
Navbars
11 layoutsSidebars
20 layoutsApplication Shells
9 layoutsLogin Pages
5 layoutsRegister Pages
5 layoutsForgot Password Pages
5 layoutsReset Password Pages
5 layoutsTwo-factor Auth Pages
3 layoutsTables
9 layoutsWidgets
50 layoutsModals
18 layoutsDrawers
8 layoutsDropdowns
14 layoutsMaintenance Pages
4 layoutsE-commerce
Use for online stores, shopping flows, checkout experiences, and customer support surfaces
Promotional Banners
5 layoutsCheckout Pages
4 layoutsE-commerce Footers
8 layoutsHelp Center
5 layoutsE-commerce Navbars
6 layoutsOrder Confirmation
4 layoutsOrder Summary
4 layoutsOrder Tracking
4 layoutsOrders Overview
4 layoutsPayment Forms
6 layoutsProduct Cards
4 layoutsProduct Categories
6 layoutsProduct Information
4 layoutsProduct Overview
5 layoutsProduct Reviews
3 layoutsPromotional Sections
5 layoutsReturn Forms
5 layoutsShopping Cart
5 layoutsStorefront 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 Codex to TypeUI and use design systems, UI prompts, and layout variations directly from your coding agent.
Claude
Connect Claude to TypeUI so it can apply curated design guidance when you ask it to build interface screens.
Cursor
Connect Cursor to TypeUI and give your editor access to structured prompts and interface variation workflows.