Napkins.dev
Napkins.dev is a free, open-source web project that turns a website design image, screenshot or wireframe into an app built with React and Tailwind CSS.
What Napkins.dev is
Napkins.dev is a free, open-source web project that turns a website design image, screenshot or wireframe into an app built with React and Tailwind CSS. The homepage accepts a screenshot by upload or drag and drop. It identifies Kimi K2.5 as the AI model and Together AI as the provider. The repository lists Next.js support, uses the Next.js app router with Tailwind, and includes an MIT license. Sandpack provides the code sandbox, S3 handles image storage and Plausible supplies website analytics. A control-panel image demonstrates the type of input the site offers. The project can run locally with npm install and npm run dev after configuring a Together AI API key and an S3 bucket with credentials. Its README lists improving appearance and reducing clutter on mobile as future work. Napkins.dev therefore provides a visual starting point for React and Tailwind development while exposing a stack that can be run locally.
Good
- Free and open source
- Accepts screenshots and wireframes
- React and Tailwind output
- MIT-licensed repository
- Can run locally
Watch out
- Local setup needs API credentials
- Mobile refinement remains future work
- Requires an S3 bucket locally
- Web project only
Who it suits
Napkins.dev suits developers who want to turn screenshots or wireframes into React and Tailwind starting points. It also fits people interested in running or adapting an open-source project.
Verdict
Napkins.dev connects visual references with a React and Tailwind app workflow. Its open-source code and local setup are useful, while mobile polish is still listed as future work.
The facts
Each one read from Napkins.dev's own pages, with the date it was checked.
What it does
- AI model
- The site identifies Kimi K2.5 as its AI model.checked 9 Oct 2026
- AI provider
- The site says Napkins.dev is powered by Together AI.checked 9 Oct 2026
- Analytics
- The repository lists Plausible for website analytics.checked 9 Oct 2026
- Code sandbox
- The repository lists Sandpack as the code sandbox used by the project.checked 9 Oct 2026
- Example
- The site offers a control panel demo as an example image.checked 9 Oct 2026
- Image storage
- The repository lists S3 for image storage.checked 9 Oct 2026
- Input
- Users can upload or drag and drop a screenshot.checked 9 Oct 2026
- License
- The repository includes an MIT license.checked 4 Oct 2026
- Local setup
- The repository says the app can be run locally with npm install and npm run dev after configuring Together AI and S3 credentials.checked 9 Oct 2026
- Mobile limitation
- The README lists making the app look nicer and less cluttered on mobile as a future task.checked 4 Oct 2026
- Open source
- The project repository describes Napkins.dev as an open source wireframe to app generator.checked 9 Oct 2026
- Purpose
- Napkins.dev turns an uploaded website design screenshot into an app built with React and Tailwind.checked 9 Oct 2026
- Run locally
- The README says local setup requires a Together AI API key and an S3 bucket with credentials.checked 4 Oct 2026
- Web framework
- The project README lists Next.js app router with Tailwind.checked 4 Oct 2026
Alternatives to Napkins.dev
- 1
Figma Make
Free planAndroidiOSWebAPI8.2Free plan - 2
v0
Free planiOSWebAPI7.8From $30 a month - 3
Kombai
Free planWebAPIExtensionLinux7.7From $20 a month - 4
CoderUI
Free planWebAPI7.2From $29 a month - 5
Builder.io
Free planWebAPIExtension7.1From $24 a month - 6
Alloy
Free planExtension6.9From $20 a month