From idea to website in seconds
allCtrl uses AI to generate complete, production-ready websites from a text description. Here's exactly what happens behind the scenes.
Four steps from prompt to production
Sign up and get 5 free credits
Enter your email address and receive a magic link — no password required. Your account is created instantly and 5 free credits are added automatically. Each credit generates one complete website or React app.
Describe your website — or clone an existing one
Type a natural-language description of what you want: "A luxury hotel website for The Grand Maison in Paris, with a hero image, room gallery, booking CTA, and an about section."
Alternatively, paste any website URL into Clone mode. allCtrl extracts the layout structure — section order, grid columns, card patterns, navigation shape — and rebuilds it with your brand and content. This works for static sites, Next.js SSR sites, and JavaScript SPAs alike.
You can also choose a generation type — standard HTML, React with npm packages, or one of 12 visual design styles like Glassmorphism, Cyberpunk, Swiss International, or Bento Grid.
AI generates the complete code
Your prompt is sent to our AI model, which generates a complete self-contained website — all HTML, CSS, and JavaScript in a single file. The output always includes:
- Gradient mesh hero backgrounds and glassmorphism card effects
- Scroll-triggered animations via IntersectionObserver
- Sticky navigation with blur-on-scroll
- Hover glow on buttons and card lift on hover
- Responsive layout for mobile, tablet, and desktop
For React projects, the code runs instantly via the Sandpack bundler — framer-motion animations, lucide-react icons, and real npm packages work out of the box.
Edit live and download the source
Every generated file opens in the Monaco code editor (the same editor that powers VS Code). Edit any line and the preview panel updates in real time — no save button, no page reload.
When you're happy with the result, click Download ZIP to get all files in a production-ready package. Deploy it on Netlify, Vercel, Cloudflare Pages, or any static host in minutes.
What runs under the hood
allCtrl is built on best-in-class open tools — no proprietary lock-in.
Advanced AI Model
Our AI model generates all code. It supports up to 8,000 output tokens for HTML and 12,000 for React — enough for a full production-quality website in a single generation.
Sandpack Bundler
React projects are compiled and run in the browser via CodeSandbox's Sandpack bundler. It resolves real npm packages — framer-motion, lucide-react, recharts — without a local Node.js installation.
Monaco Editor
The built-in editor is Monaco — the same engine that powers VS Code. It provides syntax highlighting, auto-indent, and format-on-paste for HTML, CSS, JavaScript, and TypeScript.
Sandboxed iframe
HTML websites are rendered in a sandboxed iframe with all CSS and JavaScript inlined — no external requests needed. The preview updates within 400 ms of any code edit.
Layout extraction
Website cloning fetches the target page, strips all content and images, and extracts the structural skeleton — section order, grid counts, card anatomy. This blueprint is injected into the AI prompt so the output matches the original layout exactly.
Public preview URLs
Every generated website can be shared via a permanent public URL at app.allctrl.ai/preview/… — no login needed for viewers. Includes a small allCtrl branding bar at the bottom.
Choose the right output for your project
HTML — 1 credit
A single self-contained index.html file with all CSS and JavaScript inline. Perfect for landing pages, portfolios, and any site you want to host as a static file.
React — 1 credit
A multi-file React project with components, hooks, and Tailwind CSS. Rendered in the browser via Babel — no build step. Ideal for interactive UIs and component prototypes.
React + npm — 2 credits
Full React + TypeScript with real npm packages: framer-motion animations, lucide-react icons, recharts charts, Radix UI components. Runs via Sandpack bundler — no local setup.
Common questions
How many websites can I build with one credit?
One credit = one generation. HTML and React projects cost 1 credit each. React + npm projects cost 2 credits. Download ZIP costs 1 credit. Editing code in the editor is always free.
Can I edit the generated code?
Yes — all generated files open in the Monaco editor. Edit any line and the preview updates within 400 ms. You can also add new files to the project manually.
Does the clone feature work with any website?
It works for the vast majority of websites including Next.js SSR pages, static HTML sites, and JavaScript SPAs. The system extracts the layout structure and rebuilds it with new content — it doesn't copy text, images, or branding from the source site.
Can I host the generated website anywhere?
Yes. The ZIP download contains plain HTML, CSS, JS, and React files with no vendor lock-in. Deploy to Netlify, Vercel, Cloudflare Pages, GitHub Pages, or any static host.
Is my code private?
Yes. Generated code is stored only in your account. Public preview URLs are opt-in — projects are private by default. See our Privacy Policy for details.
See it in action
Sign up for free — 5 credits included, no credit card required.
Start Building Free →