> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vibely.sh/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Welcome to Vibely
> Build web apps, mobile apps, and high-fidelity designs from natural language — backed by editable code you fully own.
Vibely is an AI vibe-coding platform. Describe what you want to build in plain English, and Vibely produces a working application — frontend, backend, database, auth, payments, integrations — running at a live URL within seconds, backed by editable code you own.
You can keep iterating in Vibely, sync to GitHub, or take your code anywhere — there's no proprietary runtime. Choose whichever fits your workflow today; switch tomorrow.
From blank prompt to live preview in five minutes.
Skip setup and start building in the hosted product.
## Why Vibely
Vibely shortens the loop between idea and working software.
**One prompt to a live preview.** Describe the app, and Vibely produces a working preview URL within seconds — no scaffold step, no env-var wiring, no "set up your dev environment first."
**The right model, automatically.** Vibely picks the best AI model for each turn — a reasoning-heavy model for full-stack work, long-context for big pastes, a precision model for surgical refactors. You can pin a specific model if you'd rather, but the default is to let the platform make the call.
**See the build as it happens.** File writes, tool calls, and reasoning all stream live. You see what's being changed before you have to ask.
**Visualize first, then make real.** [Design Mode](/docs/design/overview) lets you generate web pages, app screens, slides, and animations side by side on an infinite canvas. When a design feels right, **Make it real** turns it into a working React or Expo project with one click.
**Code ownership and portability.** Vibely writes idiomatic, modern code — Vite + React + Tailwind + TanStack for web, Expo + React Native for mobile. Sync to GitHub at any time, run it anywhere. No lock-in, no proprietary runtime.
## Who Can Use Vibely
Across product, design, and engineering — anyone who wants to move from idea to shipping faster.
**Students and founders.** Side projects, course work, portfolio pieces, MVPs, hackathon demos. Concrete idea today; working app tomorrow.
**Product, design, and go-to-market teams.** Product managers validating flows with realistic prototypes. Designers handing off React-ready code from Design Mode canvases. Marketers shipping landing pages and microsites in an afternoon.
**Engineering teams and agencies.** Greenfield starting points that ship as real code with full ownership. Client work delivered with GitHub sync from day one. Internal tools and dashboards shipped in an afternoon instead of a sprint.
## What You Can Create with Vibely
Vibely covers everything from rough prototypes to production-grade systems.
**Full-stack web apps.** SaaS dashboards, admin panels, multi-user apps with auth, payments, and a real database — on Vite + React + Tailwind + TanStack + shadcn/ui + Supabase.
**Native iOS and Android apps.** From the same codebase via Expo + React Native. Preview in the browser, test on your phone via Expo Go, ship to TestFlight and Play Console through EAS — no Mac required.
**High-fidelity designs, made real.** Generate landing pages, dashboards, mobile flows, slides, animations, and animated decks on an infinite canvas. Click **Make it real** to turn any design into a working React project.
**Integration-heavy automations.** Wire Slack, Linear, HubSpot, Stripe, Razorpay, Supabase, and 40+ more services through plain English. The agent handles the OAuth, the schema, and the wiring.
**Internal tools and dashboards.** Operations dashboards, CRUD apps, back-office tooling — the kind of thing that would otherwise sit in a backlog for months.
**Marketing pages and microsites.** Landing pages, campaign sites, and content-driven pages that ship the same day they're sketched.
## How Vibely Works
Vibely slots into the tools and processes you already use.
1. **Describe** what you want in natural language
2. **Answer 3–4 quick questions** — Vibely asks about the niche, audience, must-have flow, and tone so the build is tailored, not generic
3. **Iterate** on the live preview — every turn streams files, reasoning, and tool calls
4. **Sync** to GitHub and review like any other PR
5. **Extend** in your editor — `bun install && bun dev` works locally without Vibely
6. **Ship** — Vibely's own publish, custom domains, or your own infrastructure
You decide where Vibely ends and your normal workflow begins. The boundary is yours, not the platform's.
## Privacy & Protection
Your code, your data, your control.
**You own your code.** Everything Vibely generates is yours — sync to GitHub at any time, run it anywhere, walk away whenever you want. No proprietary runtime, no lock-in.
**Secrets stay secret.** API keys, database credentials, and OAuth tokens are stored as encrypted environment variables — never embedded in code, never exposed to the model, never leaked in previews.
**Isolated sandboxes.** Every project runs in its own ephemeral sandbox. Your code, dependencies, and data are isolated from other users by default.
**Connector consent.** Integrations route through Allow / Ask / Deny prompts — the agent can't call a third-party service on your behalf without your explicit approval.
**Auth and data done right.** Vibely wires Supabase auth and row-level security from the first turn, so multi-user apps ship with real access control rather than placeholder logic.
## Explore
Full-stack web on Vite + React + Tailwind + TanStack + Supabase.
iOS + Android from one codebase via Expo. Ship through EAS.
Visualize web, app, slides, animations — make any of them real with one click.
Five-minute setup that pays back every future session.
40+ services — Slack, Stripe, Notion — wired with one prompt.
## New here?
A one-thing-per-day arc — from sign-up to shipping in seven days.
The handful of habits that consistently produce great first turns.