An experimental, high-concept portfolio site that treats the web as a living canvas. This isn’t your typical portfolio—it’s a digital art installation that happens to showcase work.
What Makes It Special
Liquid Morphing Intro - Full-screen hero with SVG filter effects, parallax layers, and interactive ripple animations that respond to mouse/touch
Cinematic Text Reveal - Custom scroll-locked manifesto section that expands like a void, revealing philosophy word-by-word with blur/fade transitions
Stacked Card Team Section - Sticky-scroll cards that layer on top of each other as you scroll (that trendy Apple-style effect)
AI-Powered Interaction - Integrated Google Gemini AI that generates poetic descriptions with typewriter effect
Generative Background - D3.js particle system creating organic, flowing visuals
Custom Cursor - Magnetic interactions and hover states throughout
Fully Responsive - Different interaction models for mobile vs desktop (scroll-lock only on desktop)
Tech Stack
-
Angular 21 (latest standalone components)
-
TypeScript
-
Tailwind CSS
-
D3.js for generative art
-
Google Gemini AI integration
-
RxJS for reactive state management
Perfect For
-
Creative agencies looking for a jaw-dropping template
-
Developers wanting to study advanced scroll interactions
-
Studios needing a portfolio base with serious wow-factor
-
Anyone who wants their site to feel like an art piece
What You Get
-
Complete source code
-
Modular component architecture (easy to customize)
-
Custom directives for magnetic effects and scroll reveals
-
Service-based scroll state management
-
Ready-to-deploy Angular project
-
Placeholder team member system (just swap in your content)