Crettiva: An Immersive Digital Agency Showcase
Award-winning Kinetic Studio
The problem worth engineering
Official digital presence for Crettiva, a creative agency. Engineered the complete frontend architecture with GSAP-driven animations across scroll, page transitions, and micro-interactions — all coordinated through a master timeline system to prevent animation conflicts.
Implemented a physics-aware custom cursor with context-sensitive morphing, scroll-linked 3D perspective transforms, and SplitText character-level animations with stagger sequences. Built on Next.js with a rendering strategy optimized to prevent hydration flashes on animation-heavy components.
- Master GSAP timeline coordinating scroll, page transitions, and micro-interactions without animation conflicts.
- Physics-aware custom cursor with context-sensitive morphing across interactive states.
- Scroll-linked 3D perspective transforms engineered to hold 60fps on animation-heavy routes.
How it was built, system by system

Interface documentation
Click any screen to inspect it full size.
Related Projects
Explore more of my work

Goods&U | Full-Stack Bilingual (Arabic-RTL) E-Commerce Platform

Polary | Cinematic 3D Narrative Landing Experience

Diagnostics Elite | Cinematic Bilingual MedTech Platform (WebGL + Sanity)

Fix Vision | Interactive High-Performance Creative Agency Platform

IQ Academy | Full-Stack Arabic EdTech Learning Platform

TMT Eye | Enterprise Intelligent Transport Operating System

Goods&U | Full-Stack Bilingual (Arabic-RTL) E-Commerce Platform

Polary | Cinematic 3D Narrative Landing Experience

Diagnostics Elite | Cinematic Bilingual MedTech Platform (WebGL + Sanity)

Fix Vision | Interactive High-Performance Creative Agency Platform

IQ Academy | Full-Stack Arabic EdTech Learning Platform

