01
Frontend Engineering
React, Next.js, TypeScript. Component systems, routing, server components, edge runtime.
React 19Next.jsTypeScriptTanStack
BASED IN BEIRUT — AVAILABLE WORLDWIDE
FRONTEND
DEVELOPER.
Design and engineering as one craft.
Interfaces that feel as good as they work.
Self-taught — the work speaks.
/ 01 — SELECTED WORK
THE WORK.
8 PROJECTS.
LIVE APPS, DEMOS & CASE STUDIES.
/ 02 — ABOUT
SELF-TAUGHT.
NO DEGREE.
ALL WORK.
I'm Ahmad Chabayta, a frontend and interactive developer based in Beirut. No CS degree — I learned by building things that had to actually ship, then making the next one sharper.
Design and engineering are one job to me. I build my own systems instead of gluing libraries together, and I care as much about how an interface feels as whether it works: typed, accessible, fast, and animated only where motion earns its place.
The range runs from production dashboards like Project Atlas and Preview Links to real-time WebGL work and a fully offline arcade game synthesized on the Web Audio API. React, Next.js, TypeScript, WebGL — used where they pull weight, not for their own sake.
Hand me a Figma file or a blank page. Either way, what you get back is a real, shipped product.
/ 03 — DISCIPLINES
CAPABILITIES.
SIX OVERLAPPING DOMAINS.
ONE PERSON. ONE STACK.
02
Creative Coding
WebGL, GLSL shaders, raymarching, generative systems, canvas + audio.
Three.jsGLSLWeb AudioCanvas2D
03
Data & Backend
Postgres, REST, pipelines, scraping, ETL, dashboards.
PostgresPythonSupabaseNode
04
Design Systems
Token systems, component libraries, accessibility, motion language.
Figmashadcn/uiTailwindRadix
05
Motion & Animation
GSAP, framer-motion, scroll-driven sequences, page transitions.
framer-motionGSAPWAAPILottie
06
DX & Tooling
CI, linters, type-safe code-gen, deployment automation.
VercelGitHub ActionsESLintVitest
Stats
/ 014+YEARS OF EXPERIENCE
/ 02300k+LINES OF CODE SHIPPED
/ 03200+RICH MEDIA & APPLICATIONS
/ 042LANGUAGES SPOKEN
/ 04 — LIVE / INTERACTIVE
EXPERIMENTS.
DRAG. TAP. PLAY.
EVERY DEMO RUNS LIVE IN YOUR BROWSER.
DRAG · TAP TO BURST
CANVAS PHYSICS
Particle Gravity
120 bodies orbiting your cursor via inverse-square attraction. Tap to detonate an outward burst.
OPENDRAG · X=FREQ · Y=AMP
GENERATIVE VISUAL
Wave Synth
Three interfering waves shaped by drag. X controls frequency, Y controls amplitude.
OPENBREAKOUTDRAG TO PLAY
MICRO GAME
Breakout, 80 lines.
A complete breakout game written in vanilla canvas. Drag to play.
OPEN/ 07 — CONTACT
LET'S TALK.
Best for short projects, full-stack frontend hires, or one-off interactive builds. Email lands fastest. WhatsApp also works.