Describe what you want. Get a real website. AI-powered website builder. Next.js + Tailwind. Production-ready code. No fake "AI demos."

🖥️ Visual App (Recommended)

Or self-host the web dashboard

docker run -p 3000:3000 ghcr.io/kasimmj/site-genie

---

🪄 What is it?

You: "I need a website for my falafel restaurant. Modern. Arabic + English. Show menu, location, hours, online ordering."

site-genie: 45 seconds later, here's your site — fully coded, deployable to Vercel, source on GitHub.

Not a "Wix-style" page builder. Not a tutorial generator. Real Next.js code you can edit, deploy, and own.

---

🎬 What you get

╭─────────────────────────────────────────────────────────────╮
│   🌟 site-genie                                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│   Describe your site                                        │
│   ┌───────────────────────────────────────────────────────┐│
│   │ Modern barbershop in Baghdad. Arabic + English. Show ││
│   │ services, prices, team, location, online booking. Use││
│   │ warm dark colors. Premium feel.                      ││
│   └───────────────────────────────────────────────────────┘│
│                                                             │
│   Style:    ⚫ Modern   ○ Classic   ○ Minimal   ○ Playful   │
│   Pages:    ☑ Home  ☑ Services  ☑ Team  ☑ Contact          │
│             ☑ Online Booking  ☐ Blog  ☐ Shop                │
│                                                             │
│   Brand: [Upload logo]  Primary color: [#8A2BE2]            │
│                                                             │
│              ┌──────────────────────────┐                   │
│              │   🪄 Generate my site    │                   │
│              └──────────────────────────┘                   │
│                                                             │
│   ⠋ Designing layout...     ⏱ 12s                          │
│   ⠧ Writing copy (AR + EN)...                              │
│   ⠼ Coding components...                                    │
│   ⠶ Generating images via AI...                            │
│   ⠧ Wiring booking form...                                  │
│   ✓ Done. Open preview ↗                                    │
│                                                             │
│   Output:                                                   │
│   📁 ~/Sites/my-barbershop/        (Next.js project)        │
│   🌐 https://my-barbershop-xyz.vercel.app  (live preview)   │
│   📦 Ready to deploy: Vercel, Netlify, your VPS             │
╰─────────────────────────────────────────────────────────────╯

---

🌟 What makes it different

Feature	site-genie	Wix/Squarespace	Cursor / v0.dev	Bolt.new
Own the code	✅ Next.js source	❌ Locked in	✅ Snippets	✅
Multi-page	✅	✅	❌ Single page	⚠️
Arabic / RTL	✅ Built-in	⚠️ Limited	⚠️	⚠️
Self-hostable	✅ Open source	❌	❌	❌
Backend included	✅ Forms, DB, auth	⚠️ Paid	❌	⚠️
Custom domain	✅ Free	💰 Subscription	✅	✅
Iraqi payment ready	✅ iraq-pay integration	❌	❌	❌

---

🏗️ How it works

You describe → LLM plans → Templates pick → Code generates → Preview opens
   (10s)         (15s)         (5s)            (20s)          (5s)

1. LLM analyzes your description, extracts intent
2. Template engine picks best-matching templates per section
3. Code generator stitches templates with your content
4. Image AI generates hero images, photos (or uses stock)
5. Preview server boots in WebContainer, opens in browser
6. You can edit anything — site-genie is a starting point, not a cage

---

📦 Pre-built templates (50+)

Sectional templates that can be combined:

Heroes: modern-split · video-bg · gradient-mesh · minimal-text · animated-3d About: team-grid · founder-letter · timeline · stats-row · mission-statement Services: card-grid · accordion · pricing-table · feature-comparison Galleries: masonry · carousel · before-after · video-grid Forms: booking · contact · newsletter · multi-step · payment Testimonials: quote-cards · video-testimonials · star-ratings Footers: rich-multicol · minimal · newsletter-cta · social-grid

All templates:

• ✅ Tailwind-styled
• ✅ Fully responsive
• ✅ Accessible (WCAG AA)
• ✅ RTL-aware
• ✅ Easy to customize

---

🎨 Real-world examples

site-genie users have built (in <5 minutes each):

• ☕ Coffee shop in Hilla — Arabic+English, menu, hours, location
• ✂️ Barbershop in Baghdad — booking flow + team showcase
• 🏥 Clinic in Erbil — appointment booking + service catalog
• 🛒 E-commerce store — Solar iQ-style multi-vendor shop
• 🎓 Tutoring service — course listing + payment integration
• 🍔 Restaurant chain — multi-location with delivery integration

Templates for all of these are included.

---

🤖 AI Models supported

You bring your own key (or use the bundled local model):

• Anthropic Claude (best quality)
• OpenAI GPT-4 (alternative)
• Local Llama 3.2 via Ollama (free, slower)
• Qwen 2.5 (great for Arabic content)

The model writes:

• Section copy (headlines, body, CTAs)
• SEO meta tags
• Form field labels
• Privacy policy + terms (basic)

In English, Arabic, or both — depending on your prompt.

---

🚀 Deployment

After generation, deploy with one command:

cd my-barbershop
npm run deploy:vercel     # or :netlify, :cloudflare

site-genie auto-creates:

• vercel.json for Vercel
• netlify.toml for Netlify
• wrangler.toml for Cloudflare Pages
• Dockerfile for any VPS

---

💳 Iraqi-friendly defaults

When your prompt mentions Iraq / Arabic / payments:

• 🇮🇶 Auto-installs iraq-pay for payment integration
• 📞 Phone field defaults to +964
• 🏙️ City dropdown pre-populated with Iraqi cities
• 📅 Date format: dd/mm/yyyy (not US format)
• 🕌 Working hours respect Friday holiday
• 💰 Currency: IQD with proper formatting

---

🎁 What's bundled

Every generated site includes:

• ✅ Next.js 15 (App Router)
• ✅ Tailwind CSS 4
• ✅ Framer Motion for animations
• ✅ Sanity / Tina CMS option (if you want non-tech edits)
• ✅ Form handler (Formspree-compatible)
• ✅ SEO with sitemap.xml + robots.txt
• ✅ OG image generation
• ✅ Analytics (privacy-friendly Plausible)
• ✅ Cookie consent banner (if EU traffic detected)

---

🛠️ Customize after generation

cd my-barbershop
npm run dev
# Open localhost:3000, start editing

The code is clean Next.js, not "AI-generated mess":

• ✅ Standard Next.js project structure
• ✅ Components are reusable, named clearly
• ✅ All copy in i18n/ files (easy to swap)
• ✅ All colors/spacing as Tailwind config tokens
• ✅ Comments where intent is non-obvious

---

🏆 Roadmap

• Core generation (descriptions → multi-page sites)
• Arabic + English bilingual
• Vercel/Netlify/Cloudflare deploy
• Electron desktop app
• Web dashboard (Docker)
• Real-time collaborative editing (multiple people on one site)
• AI-driven design system extraction (paste a Figma URL → site)
• Mobile app generation via web2flutter integration
• Built-in A/B testing for generated copy

---

📜 License

MIT.

---

Star ⭐ if you've ever wished for "describe → working site."