Napkins.dev review
An open-source screenshot-to-code tool for React and Tailwind prototyping.
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Napkins.dev is an open-source, browser-based AI tool that turns website screenshots and wireframes into application code. It generates React and Tailwind output, with Next.js included among its supported frameworks. The product is aimed at developers, designers, and teams exploring visual prototypes who want to move from an image to a working application structure. Its self-hosted option also suits users who want to run the application themselves rather than rely only on a hosted experience.
The standout workflow is its image-to-code generation: users upload a website screenshot or wireframe, and Napkins.dev generates an application from that visual input. A browser-based code sandbox powered by Sandpack provides an environment for viewing and working with the generated code. The published implementation uses Next.js and Tailwind, while Together AI handles model inference and Amazon S3 stores uploaded images. That combination gives the tool a focused ecosystem fit for React-oriented prototyping, particularly when the desired output already matches its supported frameworks.
Napkins.dev’s main trade-off is its narrow output range. It is well suited to rapid visual experimentation and open-source development, but teams seeking broader framework coverage or a more formal enterprise workflow should look for an alternative built around those needs. The open-source model and self-hosting support make it attractive for developers who value control over the application and its deployment. Choose Napkins.dev when screenshot or wireframe conversion into React and Tailwind is the priority; choose another tool when wider platform support or enterprise-oriented processes matter more.
Napkins.dev pros and cons
- Where it wins
- Converts screenshots and wireframes into React and Tailwind code
- Includes a browser-based Sandpack code sandbox
- Supports self-hosting with Amazon S3 image storage
- Where it doesn't
- Output is focused on React, Tailwind CSS, and Next.js
- AI inference relies on Together AI
- Better suited to prototyping than enterprise workflows
Napkins.dev fact sheet, pricing and score →
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update