A premium, high-performance digital portfolio designed to showcase the intersection of Creative Development, Full-Stack Engineering, and Immersive 3D Experiences.
This portfolio is a bespoke scrollytelling experience crafted to highlight motion, interactive storytelling, and a versatile tech stack. It blends modern web standards with high-fidelity visualization techniques.
- Core: React.js + Vite
- Animation: GSAP (ScrollTrigger, Flip), Framer Motion
- Styling: Tailwind CSS (Vanilla CSS for custom components)
- Smooth Scroll: Lenis
- Icons: Lucide React
- Real-Time 3D: [High-fidelity renders & Unreal Engine 5 concepts]
- Kinetic Typography: Large-scale bold typography that reacts to scroll and intent.
- Horizontal Project Scroll: A premium, non-linear project showcase using GSAP pinning.
- Typographic Skills Matrix: A clean, grid-less expertise list with animated reveals.
- Side & Corner HUD Animations: Decorative, cinematic HUD elements (scanlines, orbiters, brackets) that fill the viewport for a high-tech "Unreal" feel.
- Fluid Custom Cursor: A custom gravitational cursor effect for enhanced interaction.
- Premium Palette: A sophisticated "Cream, Gold, and Grey" theme for a high-end editorial look.
src/sections/: Modular components for Hero, About, Skills, Projects, Journey, and Contact.src/components/: Reusable UI elements like Navbar, Custom Cursor, and 3D scenes.src/hooks/: Custom React hooks for Lenis and motion management.src/index.css: Centralized theme tokens and utility classes.
-
Clone the repository:
git clone https://github.com/Huzaifa-12Imran/Huzaifa.git
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
- GitHub: Huzaifa-12Imran
- LinkedIn: Huzaifa Imran
- Email: sungpog89@gmail.com
Handcrafted with ❤️ by Huzaifa Imran.