Skip to content

A high-performance, immersive personal portfolio featuring a creative dark UI, smooth GSAP animations, and a responsive layout built with HTML & Tailwind CSS.

License

Notifications You must be signed in to change notification settings

manandevs/manan-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡️ Abdul Manan | Creative Developer

{FBEB0BA2-D96F-4600-BF5E-49321C9684ED}

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.

Live Demo License


🚀 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

Follow

About

A high-performance, immersive personal portfolio featuring a creative dark UI, smooth GSAP animations, and a responsive layout built with HTML & Tailwind CSS.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published