Back

GraphX


Role: Product Designer, UX Researcher, Creative Coder

Tools: React 18, SheetJS (XLSX parsing), Recharts, Lucide React, Vite

Year: 2026

Turn any Excel or CSV file into a fully interactive mobile app using a visual node-based builder, no code required.



GraphX is a no-code visual app builder that converts spreadsheet data into live, interactive iOS-style mobile applications. Users import any .xlsx or .csv file, wire together data-transformation and UI nodes on a canvas, and instantly preview a fully navigable phone app, complete with search, filtering, analytics charts, and record detail views. The output can be exported as a layered SVG file for direct import into Figma, enabling designers to continue refining the UI without starting from scratch.

What makes it notable:

01

End-to-end pipeline from raw spreadsheet data to a rendered mobile UI in under 60 seconds

02

Node-based visual editor with drag-and-drop canvas, bezier wire connections, and per-node config panels.

03

iOS 26 Liquid Glass–inspired phone frame with Dynamic Island, status bar, and bottom navigation.

04

Four interactive phone screens: Home (searchable list), Records (data table), Analytics (configurable bar chart), Settings.

05

One-click Figma SVG export with named, editable layers ready for design handoff.

06

Fully in-browser, no backend, no server, no sign-up.

How to use

Node Reference

Prototype

More coming soon

More Projects