A jaw-dropping, fluid portfolio experience that makes visitors stop scrolling. Built for creatives, agencies, and developers who want their work to speak louder than words.
What Makes It Special
-
Liquid WebGL Background - Real-time fluid simulation that responds to mouse movement (Three.js powered)
-
Buttery Smooth Animations - Framer Motion choreography with custom easing and scroll-triggered reveals
-
Magnetic Interactions - Buttons that pull toward your cursor like magic
-
Lenis Smooth Scroll - That premium, physics-based scrolling feel
-
8 Showcase Sections - Hero, About, Services, Process, Work, Clients, Awards, Contact
-
Mobile Optimized - Adaptive animations that respect device performance
-
Modern Stack - React 19, TypeScript, Vite, Three.js, Framer Motion
Tech Stack
React 19.2.3 + TypeScript 5.8
Framer Motion 12.24 (animations)
Three.js 0.160 (WebGL fluid sim)
Lenis 1.3 (smooth scroll)
Vite 6.2 (blazing fast builds)
Lucide React (icons)
Perfect For
-
Creative agencies showcasing client work
-
Freelance designers/developers
-
Digital studios
-
Anyone who wants a portfolio that actually impresses
What You Get
-
Fully functional React app
-
Modular component architecture
-
Custom cursor with hover states
-
Preloader animation
-
Legal overlay system (privacy/terms)
-
Responsive design (mobile + desktop)
-
Clean, maintainable code
-
Ready to customize and deploy
Customization
All sections are modular components - swap content, colors, and animations to match your brand. The fluid background colors, animation speeds, and interaction strengths are all configurable.
Performance Notes
-
WebGL background uses adaptive pixel ratios (0.35 mobile, 0.7 desktop)
-
Static render on mobile to preserve battery
-
Intersection observers pause off-screen animations
-
Optimized for 60fps on modern devices