Glassmorphism Login Form

Nowoczesny, responsywny formularz logowania stworzony w stylu Glassmorphism. Projekt wykorzystuje efekt "mrożonego szkła" (frosted glass), animowane tło oraz interaktywny efekt 3D podążający za kursorem.

Demo klik

Projekt działa jako Single Page Application (SPA) - pozwala na przełączanie między logowaniem, rejestracją i resetem hasła bez przeładowania strony.

Funkcje

• 🎨 Glassmorphism UI: Półprzezroczyste panele z rozmyciem tła (backdrop-filter).
• 🧊 3D Tilt Effect: Karta przechyla się w stronę kursora z realistycznym odblaskiem (dzięki Vanilla-Tilt.js).
• 📱 RWD: Pełna responsywność na urządzeniach mobilnych.
• ⚡ SPA Navigation: Płynne przejścia między formularzami (JS).
• 🎭 Animowane tło: Dynamiczne kule i subtelny wzór kropek (dot pattern).

Technologie

• HTML5
• CSS3 (Flexbox, CSS Animations, Backdrop Filter)
• JavaScript (Vanilla JS)
• Vanilla-Tilt.js (biblioteka do efektu 3D)
• RemixIcon (ikony)

Jak uruchomić?

1. Sklonuj repozytorium lub pobierz pliki.
2. Otwórz plik index.html w dowolnej przeglądarce.

Autor

hsr88