I'm Hasib.
Software Developer — I build interfaces that move like they mean it.
Scroll
01 — Hello
Hello,
I'm Hasib.
Frontend Engineer & Motion Developer
- Builds shipped
- 65
- Films cut
- 45
- Templates used
- 0
02 — About
About me
I build one-page, scroll-driven product films and interface components that behave like they were animated by hand — and are engineered like software. Vanilla JavaScript, GSAP, Canvas and WebGL; a framework only when it earns its place. Every build ships as a self-contained folder, animates transform and opacity only, and has a calm reduced-motion mode, because the fanciest scene on the page is still a page.
- Motion with intent.Every beat says something, or it gets cut.
- Sixty frames, every frame.Transform and opacity. No layout thrash.
- Ships, not demos.Keyboard, screen readers, reduced motion — all of it.
03 — Skills
What I reach for
Motion & interaction
- GSAP
- ScrollTrigger
- Lenis
- Web Animations API
- Spring physics
- FLIP
Front-end
- JavaScript (ES2023)
- Modern CSS
- Semantic HTML
- Vite
- Accessibility
- Performance budgets
Graphics
- Canvas 2D
- WebGL & GLSL
- SVG
- Particle systems
- Raymarching
- Web Audio
Delivery
- Zero-dependency components
- Headless capture rigs
- ffmpeg pipelines
- Reduced-motion modes
- Self-contained builds
- Vertical film cuts
04 — Selected work
My works
-
01View
Scroll is the playhead — the sun sets frame for frame as you descend.
-
02View
A raymarched metaball that leans at your cursor and splits into droplets.
-
03View
Your cursor is the only light down here, and everything notices.
-
04View
Drag the cover off a hypercar, then flood its paint in a liquid sweep.
-
05View
A password field whose lock really upgrades — paperclip to bank vault.
-
06View
A constellation heart beating a real S1 / S2 cardiac rhythm.
05 — The journey
How I got here
- The first filmOne mango, one page. MANGOO taught the method.
- Motion as a systemGSAP, ScrollTrigger, Lenis — one ticker.
- Past the DOMCanvas 2D, then raw WebGL. No library.
- Shippable, not showableComponents a team can merge, that still move.
- Sixty-five buildsEach self-contained. Forty-five films cut.
06 — Contact
Let's build something that moves.
Open to frontend and motion work — product films, interface components, the difficult scene nobody wants to own.
hasibulhasan169@gmail.com