A highly interactive, cyberpunk-themed personal portfolio website built with Next.js, TypeScript, and Tailwind CSS. This project features a unique aesthetic with glitch effects, dynamic theming, and interactive components.
- Framework: Next.js
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React & React Icons
- Cyberpunk/Hacker Aesthetic: Custom glitch effects, matrix rain, and terminal-style typography.
- Dynamic Theming: Real-time theme switcher with presets (Matrix, Cyberpunk, Synthwave, etc.).
- Interactive Mascot: A floating mascot that reacts to user interaction and page scroll.
- Smart UI: Components like the Mascot and Theme Switcher intelligently dodge the footer to prevent overlap.
- Optimized Performance:
- Custom image loading with skeleton states.
- Optimized list rendering for instant feedback.
- Responsive Design: Fully responsive layout that works across all device sizes.
This project is open source and available under the GPL-3.0 License.