Salom AIv0.dev — Vercel'dan AI UI quruvchi
v0.dev — Vercel'ning UI generation vositasi. Bir prompt bilan professional React komponent yoki to'liq sahifa. shadcn/ui asosida — bugungi industry standart.
1. v0 nima qila oladi?
- Promptdan React + Tailwind + shadcn UI
- Bir nechta variant — eng yaxshisini tanlash
- Iteratsiya — "qora qil", "logo qo'sh"
- To'liq sahifalar (landing, pricing, dashboard)
- Kod copy-paste qilish
2. Narx
- Free — kunlik cheklov bilan
- Premium ($20/oy) — 100K token/oy
- Team ($30/oy) — jamoa
3. Misollar
"Pricing sahifasi: 3 ta narx kart (Basic $9, Pro $29, Enterprise $99). Har biriga foydalar ro'yxati, eng mashhur badge, CTA tugmalar. Modern dark theme, gradient accents."
"Login sahifasi: email + parol, "Google bilan kirish", "ro'yxatdan o'tish" linki. Marketing message left side, form right side."
"E-commerce mahsulot kartochkasi: rasm, nom, narx, rating, "savatga qo'shish" tugmasi. Hover animation."
4. shadcn/ui — nima va nega?
shadcn/ui — eng mashhur React komponentlar to'plami. Bepul, copy-paste, customizable. Vercel uni qo'llab-quvvatlaydi. v0 — shu komponentlarni AI bilan birlashtiradi.
5. Iteratsiya — eng kuchli xususiyat
Birinchi natija yoqmasa: "Qora rangda qil" yoki "Mobile uchun moslashtir" — AI o'zgarishlarni qiladi. Lokal context saqlanadi.
6. Kodga eksport
Generatsiyadan keyin kodni copy-paste qiling. Loyihangiz package.json'ga shadcn/ui o'rnating va to'g'ridan-to'g'ri ishlaydi.
7. Cheklovlar
- Faqat React (Vue, Svelte yo'q)
- Backend logika yo'q (frontend only)
- Murakkab interaktivlik qiyin
- Custom dizayn tizimi qo'shish qiyin
8. Workflow misol
- v0.dev — landing page generatsiya
- Cursor IDE — kod ustida ishlash
- shadcn/ui — qo'shimcha komponentlar
- Vercel — deploy
9. Muqobillar
- 21st.dev — community komponentlar
- Magic UI — animatsiyalar
- Aceternity UI — premium
- Plasmic — drag & drop builder
10. O'zbek dasturchilar uchun
v0.dev — frontend ishini 5x tezlashtiradi. Salom AI bilan o'zbekcha matnlar yaratish va v0'ga joylashtirish — kuchli kombinatsiya.
💡 Maslahat: v0.dev — yangi frontend dasturchi uchun professional darajadagi dizayn natijalar berish vositasi.