UI Design Prompts
Browse 195 UI design prompts and copy-paste them to generate user interface layouts such as hero sections, pricing tables, navigation bars, and more using your favourite AI tools and agents such as Claude Code, Codex, Cursor, and others.
Marketing
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.
Pricing Sections
Create high-converting pricing sections that clearly present your plans, highlight the best-value option, address buying concerns, and guide visitors toward confident purchase decisions with transparent pricing, feature comparisons, and compelling CTAs.
Feature Sections
Create compelling feature sections that clearly showcase your product’s key benefits, explain how each feature solves user problems, build trust through concise messaging, and guide visitors toward action with persuasive visuals, benefit-driven copy, and clear CTAs.
CTA Sections
Create conversion-focused CTA sections that create a clear visual hierarchy, communicate the intended user action, support decision-making with concise contextual copy, and guide visitors toward key goals through purposeful layout, accessible controls, relevant visuals, and well-defined interaction points.
Content Sections
Generate well-structured content sections that organize information clearly, communicate key ideas with purpose, support user understanding through thoughtful hierarchy, and guide visitors through the page with concise messaging, relevant visuals, readable layouts, and clear next steps.
Contact Sections
Generate clear contact sections that make it easy for visitors to get in touch, organize contact details and forms effectively, build trust, and guide users with concise messaging, accessible fields, and clear next steps.
Customer Logo Sections
Create trust-building customer logo sections that showcase recognized brands, reinforce credibility, highlight customer adoption, and support visitor confidence with clean logo layouts, balanced spacing, clear hierarchy, and optional supporting copy.
Team Sections
Create professional team sections that showcase the people behind your brand, highlight roles and expertise, build trust through authentic profiles, and help visitors connect with your organization through clear layouts, concise bios, visuals, and relevant contact or social links.
Social Proof Sections
Create trust-building social proof sections that showcase customer confidence, highlight real results, reinforce credibility, and help visitors make informed decisions through testimonials, reviews, ratings, logos, case studies, and clear supporting context.
FAQ Sections
Create clear FAQ sections that organize common questions, provide concise and helpful answers, reduce user uncertainty, build trust through transparent information, and guide visitors toward the right next step with thoughtful structure, readable content, and relevant support links or CTAs.
Testimonials
Create trust-building testimonial sections that highlight real customer experiences, reinforce credibility, showcase measurable outcomes, and help visitors feel confident taking action through authentic quotes, customer details, ratings, visuals, and clear supporting context.
Blog Sections
Create engaging blog sections that organize articles clearly, highlight valuable insights, support content discovery, and guide readers toward deeper exploration with strong headlines, readable previews, relevant imagery, category labels, and clear article links.
Portfolio Sections
Create refined portfolio sections that showcase your best work, highlight project outcomes, communicate your skills and process, and guide visitors toward deeper exploration through strong visuals, clear project details, organized layouts, and relevant case-study or contact CTAs.
Newsletter Sections
Create effective newsletter sections that invite visitors to stay informed, communicate the value of subscribing, reduce friction with simple signup flows, and encourage engagement through clear messaging, focused input fields, trust-building copy, and strong subscription CTAs.
Event Schedule Sections
Create clear event schedule sections that organize sessions, dates, times, speakers, and locations, helping attendees understand the agenda, compare event tracks, and plan participation through structured layouts, readable timing details, category labels, and actionable registration or reminder CTAs.
Footer Sections
Create well-structured footer sections that organize essential navigation, contact details, legal links, and brand information, helping visitors find key resources, reinforce trust, and complete their journey with clear layout, readable link groups, social links, and relevant secondary CTAs.
404 Pages
Create helpful 404 pages that clearly communicate a missing or unavailable page, reduce user frustration with friendly guidance, and redirect visitors toward useful destinations through concise messaging, recognizable visuals, search options, and clear navigation or return-home CTAs.
500 Pages
Create clear 500 error pages that explain a temporary server issue, reassure users that the problem is not their fault, reduce frustration with concise guidance, and help visitors continue their journey through retry actions, support links, status updates, or return-home CTAs.
Application
Login Pages
Create user-friendly login pages that provide a clear path to account access, reduce friction with intuitive form layouts, support trust through secure messaging, and guide users with helpful recovery links, validation states, and focused authentication actions.
Register Pages
Create user-friendly register pages that make account creation clear and efficient, communicate the value of joining, reduce friction with intuitive form layouts, and guide new users toward completion with helpful prompts, trust signals, validation states, and focused sign-up actions.
Forgot Password Pages
Create clear forgot password pages that help users regain account access quickly, reduce friction with simple recovery flows, build confidence through secure messaging, and guide users with focused email inputs, helpful instructions, validation feedback, and clear reset actions.
Reset Password Pages
Create clear reset password pages that help users securely set a new password, reduce friction with simple form fields, reinforce confidence through validation guidance, and guide completion with focused messaging, password requirements, confirmation states, and a strong update action.
Two-factor Auth Pages
Create secure 2FA pages that help users verify their identity confidently, reduce friction with clear code-entry flows, reinforce account protection through concise guidance, and support completion with recovery options, resend controls, validation feedback, and focused verification actions.
Maintenance Pages
Create clear maintenance pages that inform visitors about temporary downtime, set expectations with concise status messaging, reduce frustration through reassurance, and guide users with estimated return details, support links, progress indicators, or alternative contact options.