https://github.com/andrejkoller/professional
💼 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/professional
css3 gsap html5 javascript nextjs react work-related
Last synced: 5 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/professional
- Owner: andrejkoller
- License: mit
- Created: 2025-05-16T07:01:08.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2026-01-20T17:42:43.000Z (5 months ago)
- Last Synced: 2026-01-21T02:38:02.840Z (5 months ago)
- Topics: css3, gsap, html5, javascript, nextjs, react, work-related
- Language: JavaScript
- Homepage: https://work.andrejkoller.com
- Size: 712 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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
