TypeScript MIT

napkins

napkins.dev – from screenshot to app

N

Nutlope

Dernière activité 26 juin 2026
Nutlope/napkins

1,5 k

étoiles

206

forks

6

issues ouvertes

Ce README est souvent en anglais.

Napkins

An open source wireframe to app generator. Powered by Kimi K2.5 & Together.ai.

Tech stack

  • Kimi K2.5 for the LLM
  • Together AI for LLM inference
  • Sandpack for the code sandbox
  • S3 for image storage
  • Next.js app router with Tailwind
  • Plausible for website analytics

Cloning & running

  1. Clone the repo: git clone https://github.com/Nutlope/napkins
  2. Create a .env file and add your Together AI API key: TOGETHER_API_KEY=
  3. Create an S3 bucket and add the credentials to your .env file. Follow this guide to set them up. All required values are in the .env.example file.
  4. Run npm install and npm run dev to install dependencies and run locally

Future Tasks

  • Make sure it looks nicer and less cluttered on mobile
  • On the sidebar, show the output from the vision model
  • Experiment with making it better through few shot prompts
  • Add a shadcn toggle to allow folks to use or not use it
  • Allow folks to edit the generated app with a prompt
  • Allow folks to choose from different themes
  • Show versions as the user edits the app

Projets similaires

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

Python
Aabi
79,8 k étoiles9,8 k

Create beautiful mobile & browser mockups from screenshots

TypeScriptmockupmockup-generatormockup-image
Ddaveearley
804 étoiles69

Build your own design apps with AI.

TypeScript
Ppixel-point
863 étoiles45