Biblioteca

Biblioteca de Prompts de UI con AI

308+ 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.

308 prompts20 categoríasActualizada continuamente

More UI prompts

200
Ver todos →
Checklist do site: 6 pontos que você resolve em uma tarde {#checklist}
Try this prompt
⌘+Enterto launch
De: LGPD no site do pequeno negócio: checklist 2026
Próximos passos {#proximos-passos}
Try this prompt
⌘+Enterto launch
De: LGPD no site do pequeno negócio: checklist 2026
Methode 2: Kostenloses Google-Bewertungs-Embed {#method-2-free-google-rating-embed}
Try this prompt
⌘+Enterto launch
De: Kundenbewertungen auf deiner Website (ohne Plugin)
Ver los 200 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

13
Ver todos →
Como Colar em 7 Plataformas
Try this prompt
⌘+Enterto launch
De: Como Adicionar Agendamento Online em Qualquer Site (Sem Código)
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
Form Comparison
Try this prompt
⌘+Enterto launch
De: AI UI Prompts: 300+ Templates That Actually Work (2026)
Ver los 13 forms & inputs →

Cards

10
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
Stats Card
Try this prompt
⌘+Enterto launch
De: Tailwind AI Generator: 25+ Prompts 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
Ver los 10 cards →

Dashboards

10
Ver todos →
In This Article
Try this prompt
⌘+Enterto launch
De: Build an Admin Panel with AI: Prompts That Work
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
Seu Primeiro App: Vamos Construir um Card de Dashboard
Try this prompt
⌘+Enterto launch
De: Google AI Studio para Vibe Coding: Tutorial Prático para Desenvolvedores Frontend
Ver los 10 dashboards →

Hero sections

9
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 9 hero sections →

Tables

6
Ver todos →
Table of Contents
Try this prompt
⌘+Enterto launch
De: Build Real Apps with AI: From Idea to Deployment (2026)
Table of Contents
Try this prompt
⌘+Enterto launch
De: AI Coding Workflow Mastery: Debug, Refactor, Ship
Table of Contents
Try this prompt
⌘+Enterto launch
De: AI UI Prompts: 300+ Templates That Actually Work (2026)
Filter and Search the Right Way
Try this prompt
⌘+Enterto launch
De: AI Data Table Prompts That Work (15+ Templates)

Animations

6
Ver todos →
In This Article
Try this prompt
⌘+Enterto launch
De: 10 Remotion Prompt Mistakes Killing Your AI Videos
Mistake 5: Forgetting Audio Sync Requirements
Try this prompt
⌘+Enterto launch
De: 10 Remotion Prompt Mistakes Killing Your AI Videos
In This Article
Try this prompt
⌘+Enterto launch
De: Remotion + Claude Code: Make Videos with AI
Your First Video: Hello World Animation
Try this prompt
⌘+Enterto launch
De: Remotion + Claude Code: Make Videos with AI
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

Email templates

4
Ver todos →
In This Article
Try this prompt
⌘+Enterto launch
De: Appointment Reminder System: Cut No-Shows for Free
Step 4: Test the Flow
Try this prompt
⌘+Enterto launch
De: Appointment Reminder System: Cut No-Shows for Free
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

Charts

3
Ver todos →
You Might Also Like
Try this prompt
⌘+Enterto launch
De: Build a Photographer Website in 30 Minutes
The Chart Prompt Framework That Actually Works
Try this prompt
⌘+Enterto launch
De: AI Chart Prompts That Actually Work (25+ Templates)
Grouped vs. Stacked (Choose Wisely)
Try this prompt
⌘+Enterto launch
De: AI Chart Prompts That Actually Work (25+ Templates)

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

Design systems

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

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

Auth & onboarding

2
Ver todos →
Try this prompt
⌘+Enterto launch
De: Web3 Wallet Authentication: Complete Guide to MetaMask, WalletConnect & Secure Login in 2025
Multi-Wallet Support
Try this prompt
⌘+Enterto launch
De: Web3 Wallet Authentication: Complete Guide to MetaMask, WalletConnect & Secure Login in 2025

E-commerce

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