Skip to content

A glass-inspired portfolio exploring modern UI design, motion, and depth using clean HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

CodingSayed/glass-ui-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Glass UI Portfolio

A modern, glass-inspired portfolio website focused on visual clarity, motion, and interaction.
This project explores Frutiger Aero–style glass UI, depth, and subtle animation using clean, semantic frontend code.

The goal is not to showcase a framework-heavy application, but to demonstrate UI craftsmanship, layout decisions, and attention to detail.

Features

  • Glassmorphism-inspired UI with depth and transparency
  • Soft animated background with subtle energy patterns
  • Interactive project cards with 3D hover tilt
  • Responsive layout with sidebar navigation
  • Clean, readable typography and spacing on wide screens
  • Designed to feel calm, modern, and polished

Tech Stack

  • HTML5 – semantic structure
  • CSS3 – custom properties, glass effects, layout, animations
  • JavaScript (Vanilla) – interactive card tilt and hover behavior

Purpose

This project serves as:

  • A visual portfolio highlight for GitHub and LinkedIn
  • A design exploration of glass UI and motion
  • A foundation for future UI/UX experiments

It is intentionally lightweight and framework-agnostic.

About

A glass-inspired portfolio exploring modern UI design, motion, and depth using clean HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors