Skip to content

About

Built a Final Fantasy X–inspired liquid glass loading screen using pure HTML, CSS, and JavaScript. Focused on modern CSS techniques, subtle animation, and UI polish.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Final Fantasy X - Inspired Liquid Glass Loading Screen

Demo of the liquid glass loading screen UI

A calm, animated loading screen inspired by the serene, tropical atmosphere of 'Besaid Island'.

Built with vanilla HTML, CSS & JavaScript, focusing on modern UI techniques such as liquid glass, animated gradients, and synchronized background slides. This project is created a Front-End UI Experiment and a visual showcase.

Features

  • Background slideshow with smooth cross-fade transitions
  • Text in the form of tips / jokes that change with each background
  • Liquid glass
  • Animated loading spinner
  • Subtle floating motion
  • No libraries or frameworks

Tech Stack

  • HTML
  • CSS
  • Vanilla Javascript

License

This project is for educational and portfolio purposes. Final Fantasy X and its assets are © Square Enix. No affiliation or endorsement implied

About

Built a Final Fantasy X–inspired liquid glass loading screen using pure HTML, CSS, and JavaScript. Focused on modern CSS techniques, subtle animation, and UI polish.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages