Napkins.dev
Napkins.dev: An open-source screenshot-to-code tool for React and Tailwind prototyping. Ranked #12 of 24 in AI Screenshot-to-Code Tools by our editors (7.9/10); pricing: Open source; best for open-source React/Tailwind screenshot conversion.
At a glance
- Editor score7.9 / 10
- PricingOpen source
- Best forOpen-source React/Tailwind screenshot conversion
- Paid fromFree
- Framework supportReact; Tailwind CSS; Next.js
- Facts checked22 Sep 2026
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
Our verdict on Napkins.dev
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.
Your product? Our editors can test Napkins.dev in depth and publish a review, labelled as paid · from $149/mo →
Napkins.dev pricing
Napkins.dev fact sheet
| Free plan | Not verified |
|---|---|
| Paid from | Free |
| Input sources | website design images; screenshots; wireframes |
| Framework support | React; Tailwind CSS; Next.js |
| Figma import | Not verified |
| GitHub sync | Not verified |
| ZIP code export | Not verified |
| Free generations | Not verified |
| Responsive code | Not verified |
| Deployment | Cloud, Self-hosted |
| Platforms | Web |
| Built for | Solo, Small business (editorial estimate) |
| Integrations | 3 integrations: Together AI, Sandpack, Amazon S3 |
| Pricing | Open source |
| Website | napkins.dev |
| Facts checked | 22 Sep 2026 |
Napkins.dev integrations
Napkins.dev lists 3 integrations on its own site.
- Together AI
- Sandpack
- Amazon S3
Alternatives to Napkins.dev
- AI Pic2CodeA free, open-source way to turn screenshots into code across four frontend frameworks.9.4
- Codia AIA broad screenshot-to-code platform covering web, mobile, design files, and enterprise workflows.9.2
- CoderUIA flexible screenshot-to-code tool with Figma integration, responsive output, and five free generations.9.0
See all Napkins.dev alternatives →
Used Napkins.dev? Be the first to review it
The editor score above is our own research. What this page doesn't have yet is a reader's view — what you used Napkins.dev for, what worked and what didn't. No stars are seeded and no review is paid for; an editor reads every one before it appears.
Write a reviewTwo minutes · verified accounts only · read by an editor before it appears
Featured on iTechGuides
Napkins.dev is listed in our AI Screenshot-to-Code Tools directory. Add the badge to your site — it links back to this page.
<a href="https://www.itechguides.com/products/napkins-dev/"><img src="https://www.itechguides.com/best/badge/napkins-dev.svg" alt="Featured on iTechGuides" width="230" height="46"></a>
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
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