NexusUI

What it does

Accepted image formats

The upload area accepts PNG, JPG, and WEBP files up to 10MB.checked 8 Oct 2026

API key handling

The docs say API routes use GEMINI_API_KEY server-side only.checked 8 Oct 2026

API key requirement

Local setup requires Node.js 18+ and a valid Gemini API key.checked 4 Oct 2026

Audience

The homepage describes NexusUI as built for fast-moving engineering teams and builders.checked 8 Oct 2026

Code architecture

Its agent pipeline structures code for frameworks such as Next.js and can split components automatically.checked 4 Oct 2026

Code editing

The preview workflow supports editing TSX in the browser with Monaco and Sandpack.checked 4 Oct 2026

Component architecture

The docs say NexusUI automatically structures code and splits components for modern frameworks such as Next.js.checked 8 Oct 2026

Export

The docs say users can copy generated code or export it into their own repository.checked 8 Oct 2026

Image formats and limit

The upload accepts PNG, JPG, and WEBP images up to 10 MB.checked 4 Oct 2026

Key handling

The documentation says API routes use the Gemini API key server-side only.checked 4 Oct 2026

Live preview

Generated code has an interactive preview powered by Sandpack.checked 4 Oct 2026

Local setup

Local installation requires Node.js 18 or later and a Gemini API key.checked 8 Oct 2026

Open source

The site describes NexusUI as open source and links to its GitHub repository.checked 8 Oct 2026

Preview and editing

The docs describe a live interactive preview via Sandpack and editing TSX in the browser.checked 8 Oct 2026

Purpose

NexusUI turns UI screenshots into editable React and Tailwind code using Gemini, with a live browser preview.checked 8 Oct 2026

React output

The site describes its output as functional React with TypeScript components.checked 8 Oct 2026

Responsive layouts

The site says the model infers layout intent and generates flex and grid patterns for different screen sizes.checked 8 Oct 2026

Responsive preview

The preview can be resized for mobile, tablet, and desktop.checked 4 Oct 2026

Support

The docs link to GitHub Discussions and GitHub Issues for community support.checked 8 Oct 2026

Tailwind styling

Generated styles map to Tailwind utilities.checked 8 Oct 2026

Usage limitation

The docs advise checking API quotas and key validity if generation fails.checked 8 Oct 2026

What it does

NexusUI turns UI screenshots, mockups, and wireframes into editable React code with Tailwind CSS styling.checked 4 Oct 2026