- Home
- AI Screenshot-to-Code Tools
- NexusUI
On the recordRead 8 Oct 202622 facts
NexusUI
On the record
- Accepted image formats
- The upload area accepts PNG, JPG, and WEBP files up to 10MB.sstocode.vercel.app · read 8 Oct 2026
- API key handling
- The docs say API routes use GEMINI_API_KEY server-side only.sstocode.vercel.app · read 8 Oct 2026
- API key requirement
- Local setup requires Node.js 18+ and a valid Gemini API key.sstocode.vercel.app · read 4 Oct 2026
- Audience
- The homepage describes NexusUI as built for fast-moving engineering teams and builders.sstocode.vercel.app · read 8 Oct 2026
- Code architecture
- Its agent pipeline structures code for frameworks such as Next.js and can split components automatically.sstocode.vercel.app · read 4 Oct 2026
- Code editing
- The preview workflow supports editing TSX in the browser with Monaco and Sandpack.sstocode.vercel.app · read 4 Oct 2026
- Component architecture
- The docs say NexusUI automatically structures code and splits components for modern frameworks such as Next.js.sstocode.vercel.app · read 8 Oct 2026
- Export
- The docs say users can copy generated code or export it into their own repository.sstocode.vercel.app · read 8 Oct 2026
- Image formats and limit
- The upload accepts PNG, JPG, and WEBP images up to 10 MB.sstocode.vercel.app · read 4 Oct 2026
- Key handling
- The documentation says API routes use the Gemini API key server-side only.sstocode.vercel.app · read 4 Oct 2026
- Live preview
- Generated code has an interactive preview powered by Sandpack.sstocode.vercel.app · read 4 Oct 2026
- Local setup
- Local installation requires Node.js 18 or later and a Gemini API key.sstocode.vercel.app · read 8 Oct 2026
- Open source
- The site describes NexusUI as open source and links to its GitHub repository.sstocode.vercel.app · read 8 Oct 2026
- Preview and editing
- The docs describe a live interactive preview via Sandpack and editing TSX in the browser.sstocode.vercel.app · read 8 Oct 2026
- Purpose
- NexusUI turns UI screenshots into editable React and Tailwind code using Gemini, with a live browser preview.sstocode.vercel.app · read 8 Oct 2026
- React output
- The site describes its output as functional React with TypeScript components.sstocode.vercel.app · read 8 Oct 2026
- Responsive layouts
- The site says the model infers layout intent and generates flex and grid patterns for different screen sizes.sstocode.vercel.app · read 8 Oct 2026
- Responsive preview
- The preview can be resized for mobile, tablet, and desktop.sstocode.vercel.app · read 4 Oct 2026
