CodeCraft Studio Pro

Project Files

src
main.tsx
app.css
package.json
index.html
main.tsx
app.css

Monaco Editor will load here

Edit your code with full IntelliSense support

Terminal
$ npm run dev
Starting development server...
Vite server running at http://localhost:3000
$

Live Preview

Running

Live preview will appear here

Edit and save files to see changes

AI Assistant

You

Can you help me create a React button component?

AI Assistant

Sure! Here's a simple React button component:

const Button = ({ children, onClick }) => {'{'}
  return (
    <button onClick={onClick} className="px-4 py-2 bg-blue-500 text-white rounded">
      {'{'}children{'}'}
    </button>
  );
{'}'};
main Ollama: Connected
TypeScript Preview: http://localhost:3000