An intuitive AI-powered code sandbox builder built with React, TailwindCSS, and Sandpack.
Designed for rapid prototyping, real-time code editing, and effortless previewing — all in a blazing fast interface.
- ⚛️ React 19
- 🎨 TailwindCSS 4
- 🧩 Sandpack by CodeSandbox
- ⚡ Vite for fast builds and HMR
- ✅ ESLint for linting
- 🔥 Live code editing & preview (powered by
@codesandbox/sandpack-react) - 💅 Fully responsive UI with Tailwind
- 🧠 Perfect for AI-assisted or auto-generated code demos
- ⚙️ Vite dev server for ultra-fast DX
- 💻 Ready-to-deploy preview system
git clone https://github.com/JustM3Sunny/App-Builder.git
cd ai-builder
2. Install Dependencies
npm install
3. Start the Dev Server
npm run dev
Visit http://localhost:5173 in your browser.
🛠 Scripts
Command Description
npm run dev Start dev server
npm run build Build for production
npm run preview Preview production build
npm run lint Lint the codebase
🙌 Developer
Built with ❤️ by Shannii (@justm3sunny)
Proudly designed to simplify sandboxing and AI-driven code previews.