Napkins.dev is an open-source tool that generates functional web applications from user-provided screenshots. It targets developers and designers seeking rapid prototyping capabilities, enabling quick iteration from visual concepts to runnable code.

How It Works

The system leverages Meta's Llama 4 model for interpreting the screenshot and generating code. Inference is handled by Together AI. The generated code is presented within a Sandpack environment for immediate testing and interaction. Image storage is managed via S3.

Quick Start & Requirements

• Install dependencies: npm install
• Run locally: npm run dev
• Prerequisites:
  • Node.js
  • Together AI API key (TOGETHER_API_KEY environment variable)
  • AWS S3 bucket with configured credentials (details in .env.example)

Highlighted Details

• Generates code from screenshots using Llama 4.
• Utilizes Together AI for LLM inference.
• Integrates Sandpack for an in-browser code sandbox.
• Employs Next.js app router and Tailwind CSS for the UI.

Maintenance & Community

The project is maintained by Nutlope. Further community engagement channels are not specified in the README.

Licensing & Compatibility

The repository is licensed under the MIT License, permitting commercial use and integration with closed-source projects.

Limitations & Caveats

The project is actively under development, with planned improvements for mobile responsiveness and feature expansion. The current UI may appear cluttered on smaller screens.