Repolode
Submit
Nutlope

Nutlope/napkins

An open source tool that turns a wireframe or screenshot into a working app, powered by Kimi K2.5 and Together AI.

View on GitHubWebsite
Stars
1,483
Forks
206
Open issues
6
Last commit
15 days ago

What is it?

Napkins.dev is a wireframe-to-app generator. You upload a sketch or screenshot of a user interface, and the app uses a vision-capable LLM to produce code for a working app, which you can preview in an in-browser code sandbox.

The project is built with Next.js (app router) and Tailwind. It calls Kimi K2.5 through Together AI for inference, runs generated code in Sandpack, and stores uploaded images in an S3 bucket. Running it locally requires a Together AI API key and S3 credentials, both configured in a .env file.

The planned work includes better mobile layout, showing the vision model's output in the sidebar, editing the generated app with a follow-up prompt, selectable themes, and version history as the app is edited.

Key features

  • 01Converts a wireframe or screenshot into app code using Kimi K2.5 via Together AI.
  • 02Previews generated apps in a Sandpack code sandbox in the browser.
  • 03Stores uploaded images in S3.
  • 04Built with Next.js app router and Tailwind CSS.

Use cases

  • Turning a quick hand-drawn UI sketch into a runnable prototype.
  • Exploring how a vision LLM translates screenshots into front-end code.
  • Using it as a starting point for a Next.js and Tailwind project you can extend.

Quick start

  1. 1

    Clone the repository

    git clone https://github.com/Nutlope/napkins
  2. 2

    Create a .env file and add your Together AI API key

  3. 3

    Create an S3 bucket and add its credentials to .env, using the values in .env.example

  4. 4

    Install dependencies and run locally

    npm install && npm run dev

Things to know

  • Requires a paid Together AI API key to generate apps.
  • Requires setting up an S3 bucket for image storage.

Topics

#ai#llm#code-generation#nextjs#wireframe#prototyping#typescript

FAQ

What is napkins?
An open source tool that turns a wireframe or screenshot into a working app, powered by Kimi K2.5 and Together AI. Napkins.dev is a wireframe-to-app generator. You upload a sketch or screenshot of a user interface, and the app uses a vision-capable LLM to produce code for a working app, which you can preview in an in-browser code sandbox.
Is napkins free to use? What license does it have?
napkins is open source under the MIT license. Check the license terms before using it in commercial products.
Is napkins still maintained?
Actively maintained. The last commit to napkins was on Oct 23, 2026.
What can I use napkins for?
Turning a quick hand-drawn UI sketch into a runnable prototype. Exploring how a vision LLM translates screenshots into front-end code. Using it as a starting point for a Next.js and Tailwind project you can extend.
How do I install napkins?
Clone the repository: git clone https://github.com/Nutlope/napkins Create a .env file and add your Together AI API key Create an S3 bucket and add its credentials to .env, using the values in .env.example Install dependencies and run locally: npm install && npm run dev
Where can I get napkins?
The source code and installation instructions are on GitHub: https://github.com/Nutlope/napkins

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects