Biblioteca

Biblioteca de Prompts de UI con AI

147+ prompts probados para landing pages, hero sections, dashboards, navbars, formularios y más. Cada uno es editable — ajústalo, cópialo o lánzalo directo a un sitio en vivo con Fardino.

147 prompts19 categoríasActualizada continuamente

More UI prompts

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

Landing pages

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

Forms & inputs

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

Cards

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

Dashboards

9
Ver todos →
Step 2: Dashboard Overview with Stats
Try this prompt
⌘+Enterto launch
De: Build an Admin Panel with AI: Prompts That Work
Layout and Structure Prompts
Try this prompt
⌘+Enterto launch
De: Build a SaaS Dashboard with AI: Prompts That Actually Work
The Full Dashboard Prompt
Try this prompt
⌘+Enterto launch
De: Build a SaaS Dashboard with AI: Prompts That Actually Work
Tu Primera App: Construyamos una Tarjeta de Dashboard
Try this prompt
⌘+Enterto launch
De: Google AI Studio para Vibe Coding: Tutorial Práctico para Desarrolladores Frontend
Ver los 9 dashboards →

Hero sections

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

Onboarding

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

Chat & messaging

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

Tables

2
Ver todos →

Email templates

2
Ver todos →
Simple Welcome Email
Try this prompt
⌘+Enterto launch
De: AI Email Template Prompts That Actually Land in Inboxes
Order Confirmation Email
Try this prompt
⌘+Enterto launch
De: AI Email Template Prompts That Actually Land in Inboxes

Animations

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

Pricing

2
Ver todos →
Prompt 2: Minimalist Pricing Table
Try this prompt
⌘+Enterto launch
De: AI Pricing Table Prompts That Actually Convert
Try It Yourself
Try this prompt
⌘+Enterto launch
De: AI Pricing Table Prompts That Actually Convert

E-commerce

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

Design systems

1
Ver todos →
The Basic Color System Prompt
Try this prompt
⌘+Enterto launch
De: AI Design System Prompts That Actually Scale

Charts

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