https://github.com/andrejkoller/portfolio-frontend
💼 Interactive portfolio site with Next.js 16, GSAP animations, and custom text effects. Features smooth transitions, theme switching, and project showcases.
https://github.com/andrejkoller/portfolio-frontend
css3 gsap3 html5 javascript nextjs portfolio react
Last synced: 3 months ago
JSON representation
💼 Interactive portfolio site with Next.js 16, GSAP animations, and custom text effects. Features smooth transitions, theme switching, and project showcases.
- Host: GitHub
- URL: https://github.com/andrejkoller/portfolio-frontend
- Owner: andrejkoller
- License: mit
- Created: 2025-05-16T07:01:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2026-03-17T23:25:19.000Z (3 months ago)
- Last Synced: 2026-03-18T12:27:22.337Z (3 months ago)
- Topics: css3, gsap3, html5, javascript, nextjs, portfolio, react
- Language: JavaScript
- Homepage: https://andrej-portfolio-frontend.vercel.app
- Size: 769 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
## Short description
A modern, interactive portfolio website built with Next.js 16, featuring smooth animations, custom text effects, and seamless page transitions.
## ✨ Features
- Modern Tech Stack: Built with Next.js 16 and React 19
- Smooth Animations: GSAP-powered animations with ScrollTrigger
- Custom Text Effects: Unique scramble text animations on hover and page load
- Smooth Scrolling: Integrated Lenis for buttery-smooth scroll experience
- Theme Switching: Dark/Light mode with seamless transitions
- Page Transitions: Elegant transition overlays between routes
- Loading States: Custom loading screen with context-based state management
- Responsive Design: Fully responsive across all devices
- Performance Optimized: Utilizing Next.js Turbopack for fast development
## 🛠️ Technologies Used
- Framework: Next.js 16.1.4
- Animations: GSAP 3.13 with ScrollTrigger
- Smooth Scroll: Lenis 1.0.42
- Styling: CSS Modules
- Code Quality: ESLint
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/andrejkoller/professional.git
cd professional
```
2. Install dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## 📸 Screenshots
