Bibliothek

AI UI Prompts-Bibliothek

147+ getestete Prompts für Landing Pages, Hero-Sections, Dashboards, Navbars, Forms und mehr. Jeder ist editierbar — pass ihn an, kopier ihn oder ship ihn direkt mit Fardino auf eine Live-Site.

147 Prompts19 KategorienLaufend aktualisiert

More UI prompts

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

Landing pages

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

Forms & inputs

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

Cards

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

Dashboards

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

Hero sections

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

Onboarding

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

Chat & messaging

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

Tables

2
Alle anzeigen →

Email templates

2
Alle anzeigen →
Simple Welcome Email
Try this prompt
⌘+Enterto launch
Aus: AI Email Template Prompts That Actually Land in Inboxes
Order Confirmation Email
Try this prompt
⌘+Enterto launch
Aus: AI Email Template Prompts That Actually Land in Inboxes

Animations

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

Pricing

2
Alle anzeigen →
Prompt 2: Minimalist Pricing Table
Try this prompt
⌘+Enterto launch
Aus: AI Pricing Table Prompts That Actually Convert
Try It Yourself
Try this prompt
⌘+Enterto launch
Aus: AI Pricing Table Prompts That Actually Convert

E-commerce

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

Design systems

1
Alle anzeigen →
The Basic Color System Prompt
Try this prompt
⌘+Enterto launch
Aus: AI Design System Prompts That Actually Scale

Charts

1
Alle anzeigen →
The Chart Prompt Framework That Actually Works
Try this prompt
⌘+Enterto launch
Aus: 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