Vibe
Recent
New conversation
claude-sonnet-4-5
Anthropic
claude-opus-4-5
claude-sonnet-4-5
✓
claude-haiku-4-5
OpenAI
gpt-4o
gpt-4o-mini
o3
Google
gemini-2.5-pro
gemini-2.5-flash
Custom
Configure custom →
Live Preview
Apa yang ingin kamu buat?
Chat AI dengan Live Preview — lihat hasil kode HTML/CSS/JS langsung di panel kanan.
Landing page + animasi
Langsung bisa di-preview
Kalkulator interaktif
HTML + CSS + JS
Todo list app
Dengan localStorage
Flexbox vs CSS Grid
Contoh interaktif
Vibe AI ·
Set API key untuk mulai
Live Preview
Preview siap menunggu
Minta AI buat HTML/CSS/JS, lalu klik tombol
▶ Preview
di bawah kode
API Settings
×
Provider
🔮
Anthropic
⚡
OpenAI
🌊
Google
⚙️
Groq
🔗
Together
🛠
Custom
API Key
Belum terhubung
Base URL
Model
claude-sonnet-4-5
System Prompt (opsional)
Max Tokens