DEV Community

Cover image for Creative Design Agency Portfolio React, GSAP Animation
Hashir Khan
Hashir Khan

Posted on

Creative Design Agency Portfolio React, GSAP Animation

This Website is a high-end creative agency website crafted to showcase modern web design, cinematic motion, and smooth user interactions.
Built with a strong focus on bold typography, GSAP-powered animations, and a refined Soft Sage & Obsidian color palette, this project blends technical precision with creative storytelling to deliver a premium browsing experience.

Key Features

Advanced GSAP Animations:
Parallax motion, staggered text reveals, and smooth clip-path transitions for a cinematic feel.

Liquid “Gooey” Buttons:
Custom SVG filter-based interactive buttons with fluid motion effects.

Lenis Smooth Scrolling:
High-performance inertial scrolling for a seamless, premium user experience.

Fully Responsive Design:
Optimized for all screen sizes — from mobile devices to ultra-wide 4K displays.

Dynamic Project Modals:
Immersive modal views with detailed portfolio presentations.

Tech Stack

  • Frontend: React
  • Animations: GSAP (GreenSock) & ScrollTrigger
  • Styling: Tailwind CSS
  • Icons: Lucide React
  • Fonts: Anton (Headings) & Inter (Body)

Languages & Tools

  1. React.js
  2. Tailwind CSS
  3. GSAP Animations
  4. CSS3

👉 Press here to view the live project: https://quantumstack-fawn.vercel.app/
👉 Github Repo: https://github.com/hashirwebx/software-webiste-in-gsap

👉 I’d really appreciate your feedback and suggestions
What do you think about this design?

Top comments (1)

Collapse
 
umairarshad-dev profile image
Muhammad Umair Arshad

Well Done Hashir