.site-intro { display: none; } body:has(.site-intro) .hero .letter-animation, body:has(.site-intro) .paragraph-animation, body:has(.site-intro) .buttons-animation, body:has(.site-intro) .animate-fade-in { animation-play-state: running !important; }

اقرأ بالعربيةع

Showreel

Thirty seconds of work, in motion

Eight projects cut to a 120 bpm score. Every frame and every sound is generated live in your browser with the Web Animations API, CSS 3D and Web Audio, so you can scrub it frame by frame.

Haitham Assoli

Selected work · 2022–2026

Design.

Animate.Animate.Animate.Animate.Animate.

Code.

Ship.

Aoun

01Web2026

Aoun

Next.jsTypeScriptReact

Malabji

02MobileSince 2025

Malabji

React NativeExpo RouterTypeScript

Gift

03Web2026

Gift

Next.js 16React Three Fiberdrei

pastehtml

<h1>Publish HTML,</h1><p>get a URL.</p>$ paste --live ✓

LIVE

04Web2026

pastehtml

Next.jsTypeScriptConvex

T3 Code

05Client work2026

T3 Code

TypeScriptReactReact Native

Azkari / Dhikr

06Desktop2023 to 2026

Azkari / Dhikr

JavaScriptSwiftSwiftUI

Naqi: Halal Video Filter

07AI2026

Naqi: Halal Video Filter

KotlinSwiftONNX Runtime

Rooh Al-Jouf

08Mobile2025

Rooh Al-Jouf

React NativeExpo RouterTypeScript

00Projects

WebMobileAIDesktopExtensionsClient work

Full-stack · Web · iOS · Android

assoli.site

HA — Reel ’2600:00:0016:9 · 25 fps · 120 bpm

00:00:00 / 00:30:00

Space plays or pauses · ← → jump a second · , . step a frame · F full screen · M mute

Chapters

All projects Hire me