Skip to main content
Psi Lime Portfolio

​
Build Your Own Stunning Portfolio

Psi Lime Portfolio is a modern, production-ready React portfolio template built with cutting-edge web technologies. Showcase your work with beautiful 3D graphics, smooth animations, and interactive components that leave a lasting impression.

​
Key Features

WebGL Aurora Background

Custom shader-based aurora effect with configurable colors and animations

Interactive Components

Mouse-tracking spotlight cards and infinite scrolling logo carousels

3D Graphics Ready

Three.js integration with react-three-fiber for stunning 3D visuals

Contact Form

EmailJS integration with reCAPTCHA protection for secure communication

​
Tech Stack

Built with modern tools and frameworks:
  • React 19 - Latest React with concurrent features
  • Vite - Lightning-fast build tool and dev server
  • TailwindCSS - Utility-first CSS framework
  • Three.js - 3D graphics and WebGL rendering
  • GSAP - Professional-grade animation library
  • OGL - Lightweight WebGL library for custom shaders

​
Quick Start

Get up and running in minutes:
1

Clone the Repository

Clone the portfolio template to your local machine:
git clone https://github.com/JDiazRzo/Portfolio.git
cd Portfolio
2

Install Dependencies

Install all required packages using your preferred package manager:
npm install
3

Start Development Server

Launch the development server with hot module replacement:
npm run dev
Your portfolio will be available at http://localhost:5173

​
What’s Inside

This portfolio template includes everything you need to create a professional online presence:

​
Presentation Section

A hero section with your profile picture, bio, location, availability status, and downloadable CV. Includes social media links to GitHub, LinkedIn, and Instagram.

​
About Me

Showcase your background, skills, and experience with an animated technology stack carousel featuring logos of tools you know.

​
Projects Showcase

Display your best work with interactive project cards, including live demo links and source code repositories.

​
Contact Form

Engage with visitors through a beautiful contact form powered by EmailJS, complete with reCAPTCHA verification for spam protection.

​
Custom Visual Effects

  • Aurora Background: WebGL-powered aurora borealis effect with customizable colors
  • Spotlight Cards: Mouse-tracking spotlight effect on interactive cards
  • Logo Loop: Infinite scrolling carousel for technology logos
  • Smooth Animations: GSAP-powered transitions and effects

​
Learn More

Quickstart Guide

Get your portfolio running in under 5 minutes

Component Library

Explore all available components and their APIs

Customization

Learn how to customize colors, fonts, and content

Deployment

Deploy your portfolio to GitHub Pages for free

​
Open Source

This project is open source and available on GitHub. Feel free to use it as a template for your own portfolio, contribute improvements, or learn from the code.

View on GitHub

Star the repository and follow development