AI Component Playground

Beta

Describe your component

Or try an example:

export default function Component() {
  return (
    <div className="p-8 text-center">
      <h2 className="text-2xl font-bold mb-4">
        Describe a component to get started
      </h2>
      <p className="text-gray-500">
        Try: "A pricing card with 3 tiers"
      </p>
    </div>
  );
}