Skip to main content
Williams BalogunGet in touch
Case Study — Light / 03

Dexla

An AI-powered app builder: drag, drop and describe your way to a real product, with the editor doing the heavy lifting.

Role Frontend EngineerTimeline 2023 — 2025Type AI builder · WebStatus Archived
dexla.ai — editor
Dexla, an AI-powered drag-and-drop app builder
01 — At a glance

Dexla let technical and non-technical founders ship real apps fast: a drag-and-drop editor with AI woven through it, from generating layouts to fixing bugs. I worked across the frontend, turning complex design hand-offs into a fluid, performant builder.

The signature challenge: a custom drag-and-drop engine that stayed smooth and in-sync with 500+ concurrent users editing live, pixel-perfect to the design and genuinely pleasant to use.

Role
Frontend Engineer
Duration
2023 — 2025
Team
3 devs · 2 designers · 2 PMs
Stack
Next.jsTypeScriptMantineReact QueryReactflowPythonFastAPI
500+
active users on the live builder
25%
faster initial load (3.2s → 2.4s)
98%
on-time sprint delivery
02 — What I built

The hard parts.

01Custom drag-and-drop engine

Authored a bespoke drag-and-drop library for the editor that held up under 500+ concurrent users with real-time state synchronisation, the core of the product.

Drag & dropReal-time syncReactflow
02AI woven into the canvas

Integrated Claude & OpenAI for context-aware actions (change design, fix bugs, connect data) driving a 35% lift in engagement after release.

Claude APIOpenAI APIContext-aware
03Pixel-perfect from hand-off

Translated complex Figma hand-offs into a fluid Mantine UI, the detail that earned repeated praise from designers and PMs for fidelity and polish.

Next.jsMantinePixel-perfect
04Performance & delivery

Cut initial load 3.2s → 2.4s (25%) with code-splitting and render optimisation, while sustaining 98% on-time sprint delivery and mentoring through code review.

Code splittingReact QueryCaching