

Sylfolio - Modern Responsive Portfolio TemplateSylfolio - Modern Responsive Portfolio Template
Glassmorphism portfolio with Tailwind CSS & GSAP. Responsive, lightweight, and easy to edit.
Overview
β‘ Syfolio
Modern glassmorphism portfolio with neon-blue accents, built in HTML, Tailwind CSS & vanilla JSβno frameworks.

π― Perfect For
- β Developers β Need a fast, clean HTML starter for portfolio
- β Freelancers β Showcase your skills in a stylish, interactive way
- β Designers β Want a lightweight site without React or build tools
Features
β¨ Key Features
- π Glassmorphism UI β Modern translucent panels with blur and neon-glow accents
- βοΈ No Frameworks β Pure HTML, Tailwind CSS (via CDN), and vanilla JavaScript
- π± Fully Responsive β Works seamlessly on mobile, tablet, and desktop
- π±οΈ Custom Cursor β Neon dot cursor with hover expand animation
- β¨οΈ Typewriter Effect β Animated intro text to grab user attention
- π Smooth Scroll β Ultra-smooth scrolling powered by Lenis
- β³ GSAP Loader β Diamond animation displayed before content loads
- π Social Media Ready β Includes icons for GitHub, LinkedIn, Instagram
Requirements
π Requirements
- Visual Studio Code
- Optional : Static hosting (GitHub Pages, Netlify, Vercel, etc.)
Instructions
π§ Usage Instructions
- Clone or download the repository to your local machine.
- Open
index.html
in any modern browser to preview. - Edit content directly in HTMLβlook for
<!-- ... -->
comments. - Customize styles in
css/style.css
βsee/* ... */
comments per section. - Tweak interactions in
js/script.js
βfunctions marked with// ...
comments. - Deploy all files to a static host (GitHub Pages, Netlify, Vercel, etc.).