Follow this walkthrough to build your first application with MXBolt.
Navigate to http://localhost:5174 in your browser. You'll see the MXBolt chat interface.
Click the settings icon in the top-right corner. Navigate to the Providers tab and enter your API key for at least one provider.
Tip: Start with OpenAI (GPT-4o) or Anthropic (Claude 3.5 Sonnet) for the best results.
Select your preferred model from the dropdown in the chat area. The model availability depends on which API keys you've configured.
Type a description of what you want to build in the chat. Be specific about:
MXBolt will generate your project in real-time. You'll see:
See all files being created and edited in real-time
Watch your app render as it's being built
See npm installs, builds, and server logs
Ask for changes, fixes, or new features
Once you're happy with your project, you can deploy it directly or push to GitHub.
"Build a React todo app with Tailwind CSS, local storage persistence, and drag-and-drop reordering""Create a landing page for a SaaS product with a hero section, pricing table, and testimonials""Build a real-time chat interface with WebSocket support and message persistence"