coffee

Why we included this project

Coffee moves AI code generation out of the chat window and into the file you're already editing. You drop a <Coffee> component into any JSX or TSX file, describe the UI in plain language, and save; the tool watches your source directory, hands your prompt and the surrounding component code to an LLM, and writes a working component back into the project. Because every save sends the surrounding code and props along with your prompt, iterating on the same component mostly means rewriting the prompt; a 'pour' prop bakes the result into a reusable file, and a coffee prop edits components that already exist. It covers creating new components and reworking existing ones, which makes it a practical fit for React developers on Next.js or Remix who want the AI feedback loop in the IDE rather than in a separate tool.