100+ free AI prompts for login, pricing, hero, dashboard & every other UI component
Copy-paste AI prompts for UI design — works with ChatGPT, Claude, v0, Lovable, Cursor and every other AI builder. Take a screenshot of your existing UI and paste it alongside the prompt for on-brand output.
Step 1
Pick a UI component
Browse 15 categories or search by keyword.
Step 2
Preview the layout
Every prompt shows a live SVG wireframe.
Step 3
Copy as Text or Markdown
Two formats — pick the one that fits your AI tool.
Step 4
Paste with a screenshot
Attach a screenshot of your brand for on-style output.
All UI Prompts
100+ AI prompts across 15 categories — auth, pricing, hero, dashboard, footer and more.
Browse by UI category
Quick links to every category in the library — pick a section that matches what you're building.
A taste of what's in the library. Click any card above for the full prompt, or scroll up to browse all 100+.
Auth Forms
Split-screen with visual
Form fields on one side, visual panel on the other — product screenshot or branded graphic
Create an auth form as a split-screen layout. Place the form fields on one side and a visual panel on the other (product screenshot, illustration, or branded graphic area). Include email, password, and a primary CTA. Mat…
Three side-by-side tier cards with the middle highlighted as recommended
Create a pricing section with three side-by-side tier cards (e.g. Starter, Pro, Business) with the middle tier visually highlighted as the recommended option. Include plan names, prices, feature lists, and CTAs. Match th…
Three-column grid with icon, feature title, and short description
Create a feature list as a three-column grid, each column containing an icon, feature title, and short description. Match the visual style, colors, typography, and overall aesthetic of the UI shown in my screenshot.
Bottom-corner card with message, accept/reject, and settings link
Create a cookie banner as a clean bottom-corner card with a short message, accept/reject buttons, and a settings link. Match the visual style, colors, typography, and overall aesthetic of the UI shown in my screenshot.
The UI Prompt Library is a free, curated collection of 100+ AI prompts for designing every common UI component on the modern web — from login pages and signup flows to SaaS pricing tables, landing-page heroes, bento feature grids, analytics dashboards, FAQ accordions, CTA banners and website footers. Built for designers, indie hackers, and frontend developers who use AI tools daily.
Each prompt is tool-agnostic. Paste any prompt into ChatGPT, Claude, Gemini, v0, Lovable, Bolt, Cursor, Replit Agentor any other AI builder and you'll get production-ready UI. Every prompt includes layout instructions, content structure, responsive behavior, and styling cues.
Copy any prompt as plain text for chat interfaces, or as Markdownfor tools that support rich formatting. Search across prompt titles, descriptions and full bodies, or filter by category. Every prompt previews the target layout as a small SVG wireframe so you know what you're getting before you copy. Pair the prompt with a screenshot of your existing UI and the AI will match your brand's visual style automatically.
Who it's for
Designers, indie hackers, frontend developers, and product teams using AI tools like v0, Lovable, Cursor and ChatGPT to ship UI faster.
How prompts are written
Every prompt covers layout, content structure, responsive behavior, and styling cues — and ends with a screenshot-match instruction so the AI keeps your brand's visual style.
Tool-agnostic
Plain natural-language briefs that work with any AI tool — no special syntax, no platform lock-in. Paste and ship.
