Napkins.dev

What Napkins.dev is

Napkins.dev is a free, open-source web tool for turning a design reference into an app built with React and Tailwind CSS. Its homepage accepts a screenshot by upload or drag and drop; the project also lists website design images and wireframes as input sources. The homepage identifies Kimi K2.5 as its AI model and says the service is powered by Together AI. The repository includes an MIT license and lists React, Tailwind CSS and Next.js among the supported frameworks.

The project uses the Next.js app router with Tailwind, Sandpack for its code sandbox, S3 for image storage and Plausible for website analytics. A control panel demo image is available as an example. The README says local setup requires a Together AI API key and an S3 bucket with credentials; after configuring those, the app can be run with npm install and npm run dev. The README lists improving the app’s appearance and reducing clutter on mobile as future work. That limitation is worth considering if the generated app is intended for smaller screens. Napkins.dev is a web product, and the project describes itself as a wireframe-to-app generator.

Who it suits

Napkins.dev may suit people who want to turn screenshots, design images or wireframes into a React and Tailwind starting point. Its open-source repository is also relevant to people who want to configure and run the project locally.

Getting started

1. Open https://www.napkins.dev/.
2. Upload or drag and drop a screenshot.
3. Use a website design image, screenshot, or wireframe as the reference.
4. To run the project locally, configure a Together AI API key and S3 bucket credentials.
5. Run npm install and npm run dev.

Verdict

Napkins.dev offers a free, open-source route from a visual reference to a React and Tailwind app. Local use requires Together AI and S3 credentials, and the README identifies mobile presentation as an area for future work.