NexusUI

Spec sheet

What it does

NexusUI turns UI screenshots, mockups, and wireframes into editable React code with Tailwind CSS styling.Read 4 Oct 2026 · sstocode.vercel.app

Purpose

NexusUI turns UI screenshots into editable React and Tailwind code using Gemini, with a live browser preview.Read 8 Oct 2026 · sstocode.vercel.app

Audience

The homepage describes NexusUI as built for fast-moving engineering teams and builders.Read 8 Oct 2026 · sstocode.vercel.app

Support

The docs link to GitHub Discussions and GitHub Issues for community support.Read 8 Oct 2026 · sstocode.vercel.app

Accepted image formats

The upload area accepts PNG, JPG, and WEBP files up to 10MB.Read 8 Oct 2026 · sstocode.vercel.app

API key handling

The docs say API routes use GEMINI_API_KEY server-side only.Read 8 Oct 2026 · sstocode.vercel.app

API key requirement

Local setup requires Node.js 18+ and a valid Gemini API key.Read 4 Oct 2026 · sstocode.vercel.app

Code architecture

Its agent pipeline structures code for frameworks such as Next.js and can split components automatically.Read 4 Oct 2026 · sstocode.vercel.app

Code editing

The preview workflow supports editing TSX in the browser with Monaco and Sandpack.Read 4 Oct 2026 · sstocode.vercel.app

Component architecture

The docs say NexusUI automatically structures code and splits components for modern frameworks such as Next.js.Read 8 Oct 2026 · sstocode.vercel.app

Export

The docs say users can copy generated code or export it into their own repository.Read 8 Oct 2026 · sstocode.vercel.app

Image formats and limit

The upload accepts PNG, JPG, and WEBP images up to 10 MB.Read 4 Oct 2026 · sstocode.vercel.app

Key handling

The documentation says API routes use the Gemini API key server-side only.Read 4 Oct 2026 · sstocode.vercel.app

Live preview

Generated code has an interactive preview powered by Sandpack.Read 4 Oct 2026 · sstocode.vercel.app

Local setup

Local installation requires Node.js 18 or later and a Gemini API key.Read 8 Oct 2026 · sstocode.vercel.app

Open source

The site describes NexusUI as open source and links to its GitHub repository.Read 8 Oct 2026 · sstocode.vercel.app

Preview and editing

The docs describe a live interactive preview via Sandpack and editing TSX in the browser.Read 8 Oct 2026 · sstocode.vercel.app

React output

The site describes its output as functional React with TypeScript components.Read 8 Oct 2026 · sstocode.vercel.app

Responsive layouts

The site says the model infers layout intent and generates flex and grid patterns for different screen sizes.Read 8 Oct 2026 · sstocode.vercel.app

Responsive preview

The preview can be resized for mobile, tablet, and desktop.Read 4 Oct 2026 · sstocode.vercel.app

Tailwind styling

Generated styles map to Tailwind utilities.Read 8 Oct 2026 · sstocode.vercel.app

Usage limitation

The docs advise checking API quotas and key validity if generation fails.Read 8 Oct 2026 · sstocode.vercel.app

Where Specifiction places it

• AI Screenshot-to-Code Tools#23 of 246.9