Vibe Coder

Describe what you want to build

Plain English. Albert will generate the code.

Try these:

Generated Code

// Generated by Albert
import React, { useState } from 'react';

export default function Component() {
  const [count, setCount] = useState(0);
  
  return (
    <div className="p-8 text-center">
      <h1 className="text-2xl font-bold mb-4">
        Counter: {count}
      </h1>
      <button
        onClick={() => setCount(c => c + 1)}
        className="bg-indigo-500 text-white px-6 py-2 rounded-lg"
      >
        Click me
      </button>
    </div>
  );
}