Creative agency website design
GSAPTailwind CSSScrollJackCustom Cursor

Creative Agency

Where design and engineering collide — scroll-jacking, custom cursors, and GSAP timeline animations that push creative boundaries.

Awwwards

Site of the Day

60fps

Animation Perf

<3s

First Meaningful Paint

20+

GSAP Timelines

Overview

This creative agency portfolio redefines what a website can be. Moving beyond standard scroll behavior, the site implements full-page scroll-jacking that transforms every user interaction into a narrative experience. Custom cursor designs respond to context, morphing from a circle on text to a crosshair on images to an arrow on links.

Over 20 GSAP timeline animations orchestrate the page's story — from the hero entrance to project card reveals to the footer sequence. Every animation serves a purpose: guiding attention, communicating hierarchy, or rewarding engagement.

Tech Stack

GSAP (ScrollTrigger)
Tailwind CSS 4
Custom Cursor System
React 19
TypeScript
Lenis (smooth scroll)
Framer Motion
Vercel Deployment
WebGL (optional)

Key Features

Full Page Scroll-Jacking

The entire site operates on a virtual scroll timeline. Each section is a frame in a cinematic sequence, with smooth interpolated transitions between states.

Custom Cursor System

A dynamic cursor that adapts to context — circle on text, crosshair on images, arrow on CTAs, and a trail effect on the hero. Built with CSS transforms and GSAP.

GSAP Timeline Orchestration

20+ coordinated GSAP timelines power entrance animations, scroll-linked effects, hover states, and exit sequences. A single source of truth for all motion.

Pixel-Perfect Implementation

Every design detail — from animation easing curves to hover micro-interactions — is meticulously crafted. No detail is too small for precision engineering.

Need award-winning creative work?

I build sites that don't just look good — they create unforgettable digital experiences.

LET'S TALK →