napkins.dev – from screenshot to app
An open source wireframe to app generator. Powered by Kimi K2.5 & Together.ai.
## Tech stack - [Kimi K2.5](https://togetherai.link/?utm_source=napkins&utm_medium=referral&utm_campaign=example-app) for the LLM - [Together AI](https://togetherai.link/?utm_source=napkins&utm_medium=referral&utm_campaign=example-app) for LLM inference - [Sandpack](https://sandpack.codesandbox.io/) for the code sandbox - [S3](https://aws.amazon.com/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](https://togetherai.link/?utm_source=napkins&utm_medium=referral&utm_campaign=example-app): `TOGETHER_API_KEY=` 3. Create an S3 bucket and add the credentials to your `.env` file. Follow [this guide](https://next-s3-upload.codingvalue.com/setup) 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 appNo open issues yet, or sync has not completed.