Skip to main content
AGENCY PORTFOLIO & ANIMATION

Crettiva: An Immersive Digital Agency Showcase

Award-winning Kinetic Studio

08
Engineering notes
5
Core technologies
5
Documented screens
crettiva.com
01 — Overview

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.
02 — Deep-Dive Modules

How it was built, system by system

01 / 08
Optimized frontend performance, ensuring smooth animations and fast load times even with…
Data, State & PerformanceModule 06

Optimized frontend performance, ensuring smooth animations and fast load times even with…

Optimized frontend performance, ensuring smooth animations and fast load times even with rich visual content.

Data, State & Performance1
Interface, Motion & Accessibility6
Engineering Highlights1

Related Projects

Explore more of my work

smoke
logo

"If Your Dreams do not scare you, they are too small !"

Got a project? Let’s vibe together and
make it ninjaa-precise—get in touch!

Call Me Now !

mail

noordragon2004@gmail.com

address

from egypt,mansoura

phone

+20 1145838187