AI Website Builder

No UI Skills Required Mostly

Built with Replit, Vite, and pure spite for front-end development

Features

Two Panels, Zero Talent:
- Left: Raw HTML generated by AI (pray it works)
- Right: Instant preview (where miracles happen... sometimes)
Depends on your AI, really. I use the newest Deepseek v3, works like a charm~
AI Prompt (Bottom Left):
- Write prompts like "Make a website for my cat's bakery" or "Create a 90s Geocities disaster"
You want to be a bit more specific than this
LLM Settings (Top Right):
- Plug in your AI endpoint and API key. No API? Good luck.
Openrouter has free Deepseek I think, go check it out
CSS/JS Tabs (For Show):
- The AI ignores these (it's busy backflipping over your CSS requests)
- Add inline styles or scripts manually if you're feeling brave
At first, the Generated code by Replit makes the AI make CSS here, but then I figured that, deepsite does it better by using a single monolithic html, easier for AI to understand

Installation

git clone https://github.com/Iteranya/Aina-Website-Builder
cd Aina-Website-Builder
npm install
npm run dev

Default port: 8844—because why pick a normal one? (. . . Look, I have Silly Tavern, A1111, and a few others running, gotta make room aight???)

Usage

Prompt Examples

"Make a greeting card for my grandma who loves dragons."
"Create a placeholder HTML component that looks less sad than my UI skills."
"Turn this 10,000-word essay into a gorgeous website. Yes, all of it."

This works way, way, way better than I expected. Seriously, do try it

Tweaking

Use the CSS/JS tabs to add inline styles/scripts. The AI won't judge you (but I will).

I won't, pop off bestie

Configuration

Top Right Corner:

Set your LLM endpoint and API key (because free rides don't last forever)

It's not that expensive, really

Tips & Tricks

The AI Can

Generate entire articles into websites (just paste and pray)
"Backflip" over your CSS requests (metaphorically, sadly)
Make placeholder components faster than you can Google "how to center a div"

Oh another thing, you can put some html into the html bar and ask the AI to fix it and make it better~

The AI Cannot

Fix your existential dread
Teach you front-end development (that's the point)

You can ask the AI "Make me a Website that fix my existential dread" or to make a Front End Learning pipeline/syllabus

Known Quirks

The AI ignores CSS/JS tabs. It's for your own good
Inline styles are your friend. The AI is not
Port 8844 is hardcoded because the dev forgot how to change Vite's config

You know what? Fair

License

MIT. Do whatever. Sell it, burn it, turn it into a NFT. I don't care.

Acknowledgments

The Hugging Face team for Deepsite AI, which did this way better
Replit for hosting the chaos
Coffee, the real MVP

Eh, I dunno, mine works locally, and you can even try using your Local AI to run it

For Making the whole thing, actually

Have ya'll tried one of those Nescafe Espresso and some sweetened flavored tea??? Best mocktail for lactose intolerant.

Disclaimer: This project was built by someone whose UI skills are outdone by a potato. Use at your own risk. (Also, it's mostly TypeScript. Don't ask why.)

Web Dev Skills, not just UI Skills. If you check all my other project, the stuff I'm proud off has nothing to do with Web Dev whatsoever.