nanohop/sketch-to-react-native

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

2313 stars · 158 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A CLI tool that converts Sketch design files (exported as SVG) into React Native components using a deep neural network and headless Chrome. It handles layout inference, converting absolute positioning into Flexbox, and generates component code with extracted image assets.

Use cases

• convert sketch designs to react native components
• turn svg mockups into mobile app code
• generate react native ui from design files
• automatically create flexbox layouts from pixel-based designs
• extract images and styles from sketch exports
• design to code automation for mobile apps

When to choose

• you have Sketch designs that need to become React Native screens quickly
• you want a starting point for components instead of hand-coding layouts
• you need automatic conversion from absolute positioning to Flexbox

When to avoid

• you need production-quality, pixel-perfect code without manual cleanup
• you use Figma or other design tools instead of Sketch
• you need actively maintained software with recent updates

Facets

cli-tool · maturity maintenance

machine-learning deep-learning parser image-processing mobile-development frontend machine-learning developer-tools cross-platform cli python sketch react-native design-to-code svg flexbox neural-network code-generation automation nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="nanohop/sketch-to-react-native")