Skip to content

Personal portfolio — React + Vite + Tailwind + GSAP

Notifications You must be signed in to change notification settings

ralph-br/personal-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Portfolio

A modern, interactive portfolio website built with React and GSAP.

Features

  • Light/Dark Mode — Toggle between themes with smooth transitions (default: light mode)
  • Smooth Scrolling — Lenis-powered buttery scroll experience
  • Dramatic Animations — Pinned hero transitions, clip-path reveals, parallax effects
  • Flowing Timeline — Full-viewport SVG path with organic bezier curves
  • Responsive Design — Optimized for all screen sizes

Tech Stack

  • React 19
  • Vite
  • Tailwind CSS 4
  • GSAP (with ScrollTrigger)
  • Lenis (smooth scroll)
  • React Router

Getting Started

npm install
npm run dev

Build for production:

npm run build

Color Scheme

  • Accent: #F2296C
  • Light mode: White backgrounds, dark text
  • Dark mode: Dark backgrounds, light text

About

Personal portfolio — React + Vite + Tailwind + GSAP

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published