Projects

Projects

SaaS platforms with real users, payments and deadlines, and studio work for brands where the interface itself is a real-time 3D scene. Each entry covers the problem, what I built and the stack it runs on.

SIMA Studio — Studio website interface
01Studio website2026

SIMA Studio

The website for SIMA Studio — the design and development studio I founded, building Arabic-first sites for Saudi companies and brands. Bilingual, with a first-party analytics and lead system behind it.

RoleFounder · Design & Development

  • Next.js
  • React
  • TypeScript
  • React Three Fiber
  • GSAP
  • Postgres
  • Tailwind CSS
View projectLive site
Bagel Labs — AI SaaS platform interface
02AI SaaS platform2024 — 2025

Bagel Labs

A subscription SaaS platform for fine-tuning and deploying AI models. I led the front end and built the authentication, billing, data pipelines and admin tooling behind it.

RoleFrontend Lead · Fullstack Developer

  • Next.js
  • React
  • TypeScript
  • Radix UI
  • Stripe
  • AWS
View projectLive site
NASAQ — Brand site + 3D configurator interface
03Brand site + 3D configurator2026

NASAQ

A Saudi B2B workwear company: a new identity, a 3D T-shirt sewn from a real sewing pattern in a cloth simulation, and a live configurator that turns a browsing procurement manager into a specific quote request.

RoleDesign & Development · SIMA Studio

  • Next.js
  • React Three Fiber
  • Three.js
  • GSAP
  • TypeScript
  • Tailwind CSS
View projectLive site
Alpha Factory — Collaboration platform interface
04Collaboration platform2025

Alpha Factory

A collaboration platform connecting influencers with designers and video editors — submissions, revisions, deliveries and payments handled in a single workflow.

RoleFullstack Developer

  • Next.js
  • React
  • TypeScript
  • Node.js
  • Prisma
  • Tailwind CSS
View projectLive site
LIWAN — 3D architecture experience interface
053D architecture experience2026

LIWAN

A self-initiated concept for a Riyadh architecture studio: a villa drawn entirely in code that you walk through as you scroll, then specify finish by finish. Arabic first, and no downloaded models, textures or HDRIs anywhere in it.

RoleDesign & Development · SIMA Studio

  • Next.js
  • React Three Fiber
  • Three.js
  • GSAP
  • Web Workers
  • TypeScript
View projectLive site
NOBLE Immersive — Immersive 3D experience interface
06Immersive 3D experience2026

NOBLE Immersive

A self-initiated concept for a luxury perfume house: one cinematic scroll where the bottle is the hero, ingredients change the light around it, and the story ends on a product you can rotate and add to a bag.

RoleDesign & Development · SIMA Studio

  • Next.js
  • React Three Fiber
  • GSAP ScrollTrigger
  • Motion
  • TypeScript
View projectLive site
Rashfa — Café website interface
07Café website2026

Rashfa

A self-initiated concept for a specialty coffee café: an editorial, sun-lit identity with a pinned signature-drinks chapter, built on Astro so it stays fast on a phone in a café queue.

RoleDesign & Development · SIMA Studio

  • Astro
  • GSAP
  • TypeScript
  • CSS
View projectLive site
Bagel — Product platform interface
08Product platform2025

Bagel

Front-end development for the Bagel platform — responsive, high-performance interfaces built from reusable components, in close collaboration with the design and backend teams.

RoleFrontend Developer

  • Next.js
  • React
  • TypeScript
  • Figma
View project
Contact

Get in touch

Open to full-stack and frontend roles, and to freelance work. The quickest way to reach me is email — I reply to everything.