Noise Agency

Overview

Noise Agency is a creative agency landing page showcasing advanced animation techniques with GSAP and smooth scrolling via Lenis. The site demonstrates scroll-triggered animations, custom cursor interactions, and a fluid user experience.

Problem

Creative agencies need a portfolio that demonstrates their animation and interaction capabilities. Static portfolios don't convey the level of craft needed for premium clients.

Solution

Built a React + TypeScript + Vite application with GSAP ScrollTrigger for scroll-based animations, Lenis for smooth scrolling, and custom cursor effects. The page features animated text reveals, parallax effects, and interactive hover states.

Key Features

• GSAP ScrollTrigger scroll-based animations
• Lenis smooth scrolling integration
• Custom cursor with magnetic hover effects
• Animated text reveals and stagger animations
• Parallax and pin effects
• Responsive design with fluid typography

Tech Stack

Outcome

Noise Agency serves as a technical showcase demonstrating advanced frontend animation skills, smooth scrolling implementation, and creative interaction patterns that premium clients expect.