⚡️ Abdul Manan | Creative Developer

Crafting Code With Purpose. An immersive, dark-themed personal portfolio website featuring fluid animations, magnetic interactions, and a polished user experience. Built to showcase creative frontend development skills.

🚀 Project Overview

This portfolio is a showcase of modern frontend techniques, focusing on interaction design and performance. It utilizes Tailwind CSS for rapid styling and GSAP (GreenSock) to drive complex animations like the timeline scroll, magnetic buttons, and text reveals. The aesthetic is a "Creative Dark" theme with neon blue accents, designed to leave a lasting impression.

✨ Key Features

🎨 Creative UI/UX Custom cursor logic, magnetic buttons, and a glassmorphism header for a premium feel.	⚡️ GSAP Animations Powered by ScrollTrigger and TextPlugin for immersive storytelling and reveal effects.	📱 Fully Responsive Mobile-first approach ensuring a smooth experience from large desktops to smartphones.
🧬 Dynamic Content Project grids and tech stacks are dynamically rendered via JavaScript for easy updates.	📮 Contact Integration Integrated modal form connected to FormBold for instant email delivery.	🚀 Performance Optimized assets, custom preloader, and clean HTML5 structure for fast load times.

🛠️ Tech Stack

📂 Project Structure

.
├── 📁 images/              # Assets (icons, backgrounds, project shots)
│   ├── 📁 icons/           # SVGs and Logos
│   └── 📁 tech/            # Technology logos
├── 📁 js/
│   ├── 📄 script.js        # Main UI logic (Cursor, Preloader, Header)
│   ├── 📄 techStack.js     # Data & Rendering for Skills section
│   └── 📄 work.js          # Data & Rendering for Projects grid
├── 📁 style/
│   └── 📄 global.css       # Custom CSS overrides
└── 📄 index.html           # Main entry point

Made with 💙 and lots of caffeine by Abdul Manan