Library

AI UI Prompts Library

147+ tested prompts for landing pages, hero sections, dashboards, navbars, forms, and more. Each one is editable — tweak it, copy it, or ship it straight to a live site with Fardino.

147 prompts19 categoriesUpdated continuously

More UI prompts

63
View all →
Step 1: Describe Your Salon to AI
Try this prompt
⌘+Enterto launch
From: Build a Hair Salon Website in One Afternoon
How Each Tool Handles Prompts {#how-each-tool-handles-prompts}
Try this prompt
⌘+Enterto launch
From: Google Stitch vs Figma Make: I Tested Both
Basic Horizontal Tab Prompts
Try this prompt
⌘+Enterto launch
From: AI Tabs & Accordion Prompts That Actually Work
FAQ Accordions With SEO Schema
Try this prompt
⌘+Enterto launch
From: AI Tabs & Accordion Prompts That Actually Work
See all 63 more ui prompts →

Landing pages

16
View all →
Real Example
Try this prompt
⌘+Enterto launch
From: AI SaaS Landing Page: Prompts That Convert
Pricing Table Prompt
Try this prompt
⌘+Enterto launch
From: AI SaaS Landing Page: Prompts That Convert
Real Example: Landing Page in 3 Minutes
Try this prompt
⌘+Enterto launch
From: Free AI Code Generator for Frontend (Actually Good)
Step 1: Hero Section (60 Seconds)
Try this prompt
⌘+Enterto launch
From: Build AI Landing Pages in 5 Minutes (No Design Skills)
Step 2: Features Section (90 Seconds)
Try this prompt
⌘+Enterto launch
From: Build AI Landing Pages in 5 Minutes (No Design Skills)
Complete Landing Page (One Prompt)
Try this prompt
⌘+Enterto launch
From: Build AI Landing Pages in 5 Minutes (No Design Skills)
See all 16 landing pages →

Forms & inputs

11
View all →
1. Form with Validation
Try this prompt
⌘+Enterto launch
From: shadcn/skills Setup: Stop AI Hallucinations
Modern Chat Input Prompt
Try this prompt
⌘+Enterto launch
From: AI Chat UI Prompts That Actually Work
Form Component Prompts
Try this prompt
⌘+Enterto launch
From: Claude Code Prompts: 15+ Templates That Work
21. Multi-Step Signup Form
Try this prompt
⌘+Enterto launch
From: 50 Vibe Coding Prompts That Actually Work
Basic Single File Upload
Try this prompt
⌘+Enterto launch
From: AI File Upload Prompts That Actually Work
Drag-and-Drop Uploads: The Right Way
Try this prompt
⌘+Enterto launch
From: AI File Upload Prompts That Actually Work
See all 11 forms & inputs →

Cards

9
View all →
Simple Text Card
Try this prompt
⌘+Enterto launch
From: AI Card Prompts: 25+ Templates That Work
Standard Product Card
Try this prompt
⌘+Enterto launch
From: AI Card Prompts: 25+ Templates That Work
Simple Stat Card
Try this prompt
⌘+Enterto launch
From: AI Card Prompts: 25+ Templates That Work
10. Card Grid
Try this prompt
⌘+Enterto launch
From: Voice Vibe Coding: Build UIs by Talking to AI
Liquid Glass Card Prompts
Try this prompt
⌘+Enterto launch
From: Liquid Glass UI Prompts: 20+ Templates That Work
Card Skeleton with Shimmer
Try this prompt
⌘+Enterto launch
From: AI Animation Prompts That Actually Work
See all 9 cards →

Dashboards

9
View all →
Step 2: Dashboard Overview with Stats
Try this prompt
⌘+Enterto launch
From: Build an Admin Panel with AI: Prompts That Work
Layout and Structure Prompts
Try this prompt
⌘+Enterto launch
From: Build a SaaS Dashboard with AI: Prompts That Actually Work
The Full Dashboard Prompt
Try this prompt
⌘+Enterto launch
From: Build a SaaS Dashboard with AI: Prompts That Actually Work
See all 9 dashboards →

Hero sections

7
View all →
Step 2: Generate Your Hero Section (3 minutes)
Try this prompt
⌘+Enterto launch
From: AI Website Builder for Startups: Ship Before Competitors
Hero Section Prompts That Convert
Try this prompt
⌘+Enterto launch
From: Claude Code Prompts: 15+ Templates That Work
1. SaaS Hero Section
Try this prompt
⌘+Enterto launch
From: 50 Vibe Coding Prompts That Actually Work
Glass Hero Sections That Actually Convert
Try this prompt
⌘+Enterto launch
From: Liquid Glass UI Prompts: 20+ Templates That Work
dApp Hero Section
Try this prompt
⌘+Enterto launch
From: Build Web3 dApp UI with AI: Prompts That Work
See all 7 hero sections →

Onboarding

3
View all →
The Basic Welcome (That Actually Works)
Try this prompt
⌘+Enterto launch
From: AI Onboarding Flow Prompts That Convert
The Progressive Disclosure Wizard
Try this prompt
⌘+Enterto launch
From: AI Onboarding Flow Prompts That Convert
The Sticky Onboarding Checklist
Try this prompt
⌘+Enterto launch
From: AI Onboarding Flow Prompts That Convert

Chat & messaging

2
View all →
Basic Message Bubble Prompt
Try this prompt
⌘+Enterto launch
From: AI Chat UI Prompts That Actually Work
Tool Call Display Prompt
Try this prompt
⌘+Enterto launch
From: AI Chat UI Prompts That Actually Work

Tables

2
View all →

Email templates

2
View all →
Simple Welcome Email
Try this prompt
⌘+Enterto launch
From: AI Email Template Prompts That Actually Land in Inboxes
Order Confirmation Email
Try this prompt
⌘+Enterto launch
From: AI Email Template Prompts That Actually Land in Inboxes

Animations

2
View all →
Basic Hover Effect Prompt
Try this prompt
⌘+Enterto launch
From: AI Animation Prompts That Actually Work
Fade-In on Scroll
Try this prompt
⌘+Enterto launch
From: AI Animation Prompts That Actually Work

Pricing

2
View all →
Prompt 2: Minimalist Pricing Table
Try this prompt
⌘+Enterto launch
From: AI Pricing Table Prompts That Actually Convert
Try It Yourself
Try this prompt
⌘+Enterto launch
From: AI Pricing Table Prompts That Actually Convert

E-commerce

1
View all →
E-commerce Cart Store
Try this prompt
⌘+Enterto launch
From: AI State Management Prompts: Zustand & React Query That Work

Design systems

1
View all →
The Basic Color System Prompt
Try this prompt
⌘+Enterto launch
From: AI Design System Prompts That Actually Scale

Charts

1
View all →
The Chart Prompt Framework That Actually Works
Try this prompt
⌘+Enterto launch
From: AI Chart Prompts That Actually Work (25+ Templates)
Build with Fardino

Got an idea? Build it now.

Describe the site or app you want — Fardino turns it into a live website.

⌘+Enterto launch