Available for Q2/Q3 Projects
Tunis, Tunisia•15:00 CET

Jassem Mhadhbi

Creative Developer

I build websites and software that load fast, look deliberate, and work reliably on any device. Most of my work uses Next.js, TypeScript, and WebGL.

Core:Next.js 15TypeScriptThree.js / WebGLNode.js & PostgreSQLFramer Motion

01 // Identity

Jassem Mhadhbi

Creative Developer

Based in:Tunis, Tunisia 🇹🇳
Timezone:UTC+1 (CET)
Work mode:Remote & Hybrid
Languages:English, French, Arabic
Request CV

Principles

I care about steady frame rates, keyboard accessibility, clean layouts, and code that is easy to pick up after six months.

Good interfaces feel predictable, like physical tools where movement makes sense.

I write both frontend and backend code: React interfaces, relational database schemas, and custom canvas graphics.

I work remotely with teams and studios in Europe and North Africa.

Technical skills

Frontend Architecture

Component-driven interfaces built with React and TypeScript

Next.js 15React 19TypeScriptTailwind CSSState Architecture
Motion & Creative Engineering

Page transitions, canvas graphics, and scroll animations

Framer MotionGSAP & ScrollTriggerLenis Smooth ScrollWebGL / ShadersCanvas API
Backend & Systems

APIs, relational databases, and server logic

Node.jsPostgreSQLREST & GraphQLPrisma ORMRedis & Caching
Engineering Standards

Fast page loads, keyboard accessibility, and clean code

Web Accessibility (a11y)Core Web VitalsMicro-InteractionsResponsive DesignGit & CI/CD

02 // Selected Work

View archive (11)
202560 to 120 FPS
Interactive preview of Kinetic Webtoon Showcase — Creative Development & Motion
Kinetic Webtoon Showcase60 to 120 FPS
Creative Development & Motion

Kinetic Webtoon Showcase

A vertical webtoon scrollytelling site with custom comic panels and smooth Lenis scroll animations.

Next.js 15React 19Motion 12Lenis ScrollTailwind CSSVitest
Interactive ShowcaseCase study
2025<45s Booking Flow
Interactive preview of Dawri: Clinic Operations Engine — Full-Stack SaaS
Dawri: Clinic Operations Engine<45s Booking Flow
Full-Stack SaaS

Dawri: Clinic Operations Engine

Appointment booking engine and front-desk software for clinics and doctors in Tunisia.

React 18TypeScriptSupabasePostgreSQL GiSTTailwind CSSPlaywright
Visit LiveCase study
2025300+ Client Tools
Interactive preview of DevTooler: Developer Utilities — Developer Tools
DevTooler: Developer Utilities300+ Client Tools
Developer Tools

DevTooler: Developer Utilities

Fast, private, and distraction-free developer tools engineered with zero server latency. 300+ utilities running 100% locally in the browser.

ReactTypeScriptTailwind CSSWeb WorkersVite
Visit LiveCase study
03 // SERVICES

What I do

Four areas where I spend most of my time, from interactive frontend to backend systems.

01 //Canvas, shaders, and animations

Creative Development & WebGL

Custom canvas graphics, GLSL shaders, and scroll-linked animations built to run smoothly on phones and laptops without draining battery.

Deliverables:
Three.js and WebGL scenesCustom GLSL shadersScroll animations (Lenis / GSAP)Interactive canvas physics
60fps frame budget
Ask about this service →
02 //Accessible UI components

Design Engineering & UI Systems

Translating Figma layouts into accessible React components, design tokens, and keyboard-friendly interactions using Radix UI and Tailwind.

Deliverables:
Tailwind design tokensRadix accessible primitivesFramer Motion springsFigma to code translation
WCAG AAA accessible
Ask about this service →
03 //Web apps and APIs

Full-Stack Applications

Production web apps built with Next.js, TypeScript, PostgreSQL, and authentication. Code designed to stay maintainable as your team grows.

Deliverables:
Next.js App RouterTypeScript backendsPostgreSQL schemasAPIs and server actions
Sub-second load times
Ask about this service →
04 //Speed and optimization

Performance & Core Web Vitals

Profiling slow pages, cutting unnecessary JavaScript bundles, compressing images, and fixing layout shifts to hit sub-second load times.

Deliverables:
Core Web Vitals fixesBundle size reductionAsset and image compressionLighthouse optimizations
40% to 70% smaller bundles
Ask about this service →

How we can work together

Three setups depending on your project scope and timeline.

Send a message
01Fixed Scope

Full project build

From initial technical planning through frontend, backend, and deployment.

02Sprint / Retainer

Contract developer

Joining your existing team for a sprint or a few weeks to ship a specific milestone.

031-Week Sprint

Technical audit

A focused review of an existing codebase to diagnose performance issues, accessibility bugs, and rendering bottlenecks.

04 // FAQ
Clarity & Commitments

Frequently Asked Questions

Direct answers regarding collaboration, working hours, performance guarantees, and code ownership.

I deliver the same caliber of bespoke micro-interactions, smooth scroll physics, and WebGL animations engineered with Next.js 16 and React 19 standards, with direct technical collaboration and zero agency overhead.

05 // Contact

Available for new projects

Let's talk about your project.

Feel free to reach out via WhatsApp, email, or schedule a quick discovery call. I reply within 2 to 4 hours.

Tunis time:15:00 CET
Replies within 2 to 4 hours